18

HTML選択タグにオプショングループを追加するにはどうすればよいですか？オプションリストをオプショングループで分類したいのですが...どうすれば使用できますか？

これが例です

<select>
<!-- First category option -->
   <option value="volvo">Volvo</option>
   <option value="saab">Saab</option>
<!-- Second catgory option -->
   <option value="mercedes">Mercedes</option>
   <option value="audi">Audi</option>
</select>
4

3 に答える 3

49

optgroupタグを使用する。次に例を示します。

<select name="browser">

    <optgroup label="Firefox">
      <option value="2.0 or higher">
        Firefox 2.0 or higher
      </option>
      <option value="1.5.x">Firefox 1.5.x</option>
      <option value="1.0.x">Firefox 1.0.x</option>
    </optgroup>

    <optgroup label="Microsoft Internet Explorer">
      <option value="7.0 or higher">
        Microsoft Internet Explorer 7.0 or higher
      </option>
      <option value="6.x">Microsoft Internet Explorer 6.x</option>
      <option value="5.x">Microsoft Internet Explorer 5.x</option>
      <option value="4.x">Microsoft Internet Explorer 4.x</option>
    </optgroup>

    <optgroup label="Opera">
      <option value="9.0 or higher">Opera 9.0 or higher</option>
      <option value="8.x">Opera 8.x</option>
      <option value="7.x">Opera 7.x</option>
    </optgroup>

    <option>Safari</option>
    <option>Other</option>

</select>

それが役に立てば幸い。

于 2012-12-25T08:48:32.747 に答える
5

オプションをネストするタグを探してい<optgroup>ます。

于 2012-12-25T08:49:16.270 に答える
4

Optgroupはあなたが探しているものです。

于 2012-12-25T08:49:24.613 に答える