optgroup とは
- ここで説明する optgroup とは次の語句からなる HTML の要素です。
- option
- 読み: オプション
意味: 選ぶこと、選択、選択肢 - group
- 読み: グループ
意味: 集まり、集団、群
optgroup 要素の概要
この要素は、 select 要素の子要素として配置された option 要素をグループとしてまとめます。
select はプルダウンメニューを表し、option は そのメニューの値を表します。 この時、option を optgroup で内包することで 1つのメニューグループを形成します。
この要素には、開始タグと終了タグが必要です。
また、この要素には label 属性が必須です。
<optgroup label="xxx"> </optgroup>
サンプルコードと実行結果
ここでは 5つの option 要素がありますが、 その中の 4つの option 要素を optgroup を使って 2つのグループに分けています。
サンプルコード: HTML
<body>
<form>
<select name="menu">
<option value=""> メニューを選択してください </option>
<optgroup label="メニューA">
<option value="メニューA1"> メニューA1 </option>
<option value="メニューA2"> メニューA2 </option>
</optgroup>
<optgroup label="メニューB">
<option value="メニューB1"> メニューB1 </option>
<option value="メニューB2"> メニューB2 </option>
</optgroup>
</select>
</form>
</body>