Как добавить группу Option в HTML select?

Как добавить группу параметров в тег 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>

Ответ 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>

надеюсь, что это поможет.

Ответ 2

Вы ищете тег <optgroup>, в котором вы должны вложить свои варианты.

Ответ 3

Optgroup - это то, что вы ищете.