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 回答