cman.jpWEBページ作成
広告
<optgroup> 「選択肢のグループ化」[読み方：オプショングループ]
広告
<optgroup> の仕様
<optgroup>の属性
【構文】
<select name="セレクト名">
<optgroup label="グループ１">
<option value="1">選択肢１</option>
<option value="2" selected>選択肢２</option>
<option value="3" disabled>選択肢３</option>
</optgroup>
</select>
<optgroup label="グループ１">
<option value="1">選択肢１</option>
<option value="2" selected>選択肢２</option>
<option value="3" disabled>選択肢３</option>
</optgroup>
</select>
<optgroup>のサンプル
<p>該当するものを選択してください</p>
<select name="sample1">
<optgroup label="グループ１">
<option value="11">選択肢１１</option>
<option value="12"selected>選択肢１２</option>
<option value="13">選択肢１３</option>
</optgroup>
<optgroup label="グループ２" disabled>
<option value="21">選択肢２１</option>
<option value="22">選択肢２２</option>
<option value="23">選択肢２３</option>
</optgroup>
<optgroup label="グループ３">
<option value="31">選択肢３１</option>
<option value="32">選択肢３２</option>
<option value="33" disabled>選択肢３３</option>
</optgroup>
</select>
<select name="sample1">
<optgroup label="グループ１">
<option value="11">選択肢１１</option>
<option value="12"selected>選択肢１２</option>
<option value="13">選択肢１３</option>
</optgroup>
<optgroup label="グループ２" disabled>
<option value="21">選択肢２１</option>
<option value="22">選択肢２２</option>
<option value="23">選択肢２３</option>
</optgroup>
<optgroup label="グループ３">
<option value="31">選択肢３１</option>
<option value="32">選択肢３２</option>
<option value="33" disabled>選択肢３３</option>
</optgroup>
</select>
該当するものを選択してください
留意事項
- <optgroup>～</optgroup>の間に記載された<option>がグループ化されます。
- "disabled属性"を指定すると、グループ全体が使用不可に設定されます。
（選択肢を個別に使用不可とする場合は、<option>にdisabledを指定します。） - <datalist>内の<option>では、<optgroup>は使用できません。
広告