如何在 HTML 选择中添加选项组？

Question

如何在 HTML select 标签中添加选项组？我想用选项组对我的选项列表进行分类….我该如何使用它？

这是一个例子

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

原文由 Kashif Hanif 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

通过使用 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>

希望能帮助到你。

原文由 Kashif Hanif 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

您正在寻找 <optgroup> 标签，您应该在其中嵌套您的选项。

原文由 Paul S. 发布，翻译遵循 CC BY-SA 3.0 许可协议