1

次のようなドロップダウンを作成しようとしています。

Area1
 -City1
 -City2
 -City3
Area2
 -City4
 -City5

したがって、領域ごとに何らかのグループ化が行われ、それらの領域はクリックできなくなります。基本的に、私はGrouponがすることを達成しようとしています.

彼らのページのコードを見ましたが、それを達成する方法がわかりません。JS/jQuery は必要ですか?

ありがとう

4

2 に答える 2

2

<optgroup>タグを使用してください。例えば：

<optgroup label='Seattle'>
    <option value='seattle:tacoma'>Tacoma</option>
    <option value='seattle:seattle'>Seattle</option>
</optgroup>

Webフォームでは、HTML<optgroup>要素は要素内にオプションのグループを作成します<select>。optgroupタグのlabel属性は、選択項目のドロップダウンリストに表示されますが、選択することはできません。そして最良の部分は、JavaScriptが必要ないことです。

これがライブのjsFiddleの例です。

于 2012-05-15T19:31:35.813 に答える
0

これを試して

<select>
  <optgroup label="Candy">
    <option value="snickers">Snickers</option>
    <option value="HerseyBar">Hershey Bar</option>
  </optgroup>
  <optgroup label="Fruit">
    <option value="apple">Apple</option>
    <option value="orange">Orange</option>
  </optgroup>
</select>​
于 2012-05-15T19:37:34.313 に答える