2012-12-25 14 views
14

HTML選択タグにオプショングループを追加するにはどうすればよいですか? オプショングループを使用してオプションリストをカテゴリ化したいのですがどうすれば使用できますか?HTMLグループにオプショングループを追加する方法は?

ここoptgroupタグを用いて、実施例

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

答えて

35

あります。ここに例があります:

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

希望します。

+1

+1

@ g.annunziata Mozillaによらない:https://developer.mozilla.org/en/docs/Web/HTML/Element/optgroup – Brett

4

オプションを入れ子にする<optgroup>タグを探しています。

3

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

+1

w3scoolsにリンクするのは良い考えではありません.MDNを使う方が良いです。https:// developer.mozilla.org/en/docs/Web/HTML/Element/optgroup – Brett

関連する問題