4

フォームにドロップダウン リストがあります。多くのアイテムがあります。ユーザーが表示できるが選択できないドロップダウンリストにカテゴリ名を表示したい。

これまでのところ、私はこれを持っています。しかし、明らかにそれは機能していません。

<select id="item_name" name="item_name">
                    <dl>
                        <dt>Category 1</dt>
                            <dd><option value="1">Item 1</option></dd>
                            <dd><option value="2">Item 2</option></dd>
                            <dd><option value="3">Item 3</option></dd>
                        <dt>Category 2</dt>
                            <dd><option value="4">Item 4</option></dd>
                            <dd><option value="5">Item 5</option></dd>
                            <dd><option value="6">Item 6</option></dd>
                    </dl>
                </select>
4

3 に答える 3

9

optgroup要素を使用する必要があります:

<select>
    <optgroup label="Category 1">
        <option>Item 1</option>
        <option>Item 2</option>
    </optgroup>
    <optgroup label="Category 2">
        <option>Item 3</option>
        <option>Item 4</option>
    </optgroup>
</select>

jsfiddle の例

于 2013-03-29T19:59:53.450 に答える
2

html オプトグループ?

http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_optgroup

<select name="whatever">
  <optgroup label="Category 1">
    <option value="1.1">Item 1.1</option>
    <option value="1.2">Item 1.2</option>
    <option value="1.3">Item 1.3</option>
    <option value="1.4">Item 1.4</option>
  </optgroup>
  <optgroup label="Category 2">
    <option value="2.1">Item 2.1</option>
    <option value="2.2">Item 2.2</option>
    <option value="2.3">Item 2.3</option>
    <option value="2.4">Item 2.4</option>
  </optgroup>
</select>
于 2013-03-29T20:00:00.030 に答える
1

select 要素の定義を確認してください。

http://www.w3.org/wiki/HTML/Elements/select

<dl>選択ドロップダウン内に存在することはできません。カテゴリであることがわかっているオプションのスタイル プロパティを使用して、この効果を実現できる場合があります。

于 2013-03-29T20:01:03.313 に答える