disabled属性

optgroup要素のdisabled属性は、optgroup要素を無効にする属性。

ブラウザ対応

構文

<optgroup label="グループ名" disabled></optgroup>

disabled属性は、論理属性である。

disabled属性が存在する場合、そのoptgroup要素は無効になる。

サンプルコード

<select>
	<optgroup label="グループＡ" disabled>
		<option value="値１">選択肢１</option>
		<option value="値２">選択肢２</option>
		<option value="値３">選択肢３</option>
	</optgroup>
	<optgroup label="グループＢ">
		<option value="値４">選択肢４</option>
		<option value="値５">選択肢５</option>
		<option value="値６">選択肢６</option>
	</optgroup>
</select>

グループＡの選択肢１～３は選択できない。

サンプル

HTMLソースコード

<form action="sample-select.php" method="post" target="_blank">
	<p>
		選択肢： 
		<select name="sampleName">
			<optgroup label="グループＡ">
				<option>選択肢１</option>
				<option>選択肢２</option>
				<option>選択肢３</option>
			</optgroup>
			<optgroup label="グループＢ" disabled>
				<option>選択肢４</option>
				<option>選択肢５</option>
				<option>選択肢６</option>
			</optgroup>
			<optgroup label="グループＣ">
				<option>選択肢７</option>
				<option>選択肢８</option>
				<option>選択肢９</option>
			</optgroup>
		</select>
	</p>
	<p>
		<button type="submit">送信</button>
	</p>
</form>

実際の表示

選択肢：