0

標準タイプの選択リストがあります。

<select>
  <option value="cars1">Cars 1</option>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="cars2">Cars 2</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

これは単なる例ですが、私がやりたいのは、リスト内のCars1とCars2を選択できない見出しとして作成することです。

これを行う方法はありますか？

4

4 に答える 4

6

確かに、それは<optgroup>：フィドルと呼ばれています

<select>
  <optgroup label="Cars 1">
      <option value="volvo">Volvo</option>
      <option value="saab">Saab</option>
  </optgroup>
  <optgroup label="Cars 2">
      <option value="mercedes">Mercedes</option>
      <option value="audi">Audi</option>
  </optgroup>
</select>
于 2012-07-22T13:53:52.190 に答える
5

もう 1 つの方法は、disabled属性を使用することです。

<select>
  <option value="cars1" disabled>Cars 1</option>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="cars2" disabled>Cars 2</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

ライブデモ:ティンカービン

于 2012-07-22T13:56:50.430 に答える
2

タグを使用optgroup 

<select>
  <optgroup label="Cars 1">
      <option value="volvo">Volvo</option>
      <option value="saab">Saab</option>
  </optgroup>
  <optgroup label="Cars 2">
      <option value="mercedes">Mercedes</option>
      <option value="audi">Audi</option>
  </optgroup>
</select>
于 2012-07-22T13:55:08.617 に答える
0

あなたは optgroup を探していると思います:

<select>
    <optgroup label="Cars 1">
        <option value="volvo">Volvo</option>
        <option value="saab">Saab</option>
    </optgroup>
    <optgroup label="Cars 2">
        <option value="mercedes">Mercedes</option>
        <option value="audi">Audi</option>
    </optgroup>
</select> ​

フィドル

于 2012-07-22T13:55:43.927 に答える