disabled属性

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

ブラウザ対応

構文

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

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

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

サンプルコード

<select>
	<optgroup label="グループA" disabled>
		<option value="値1">選択肢1</option>
		<option value="値2">選択肢2</option>
		<option value="値3">選択肢3</option>
	</optgroup>
	<optgroup label="グループB">
		<option value="値4">選択肢4</option>
		<option value="値5">選択肢5</option>
		<option value="値6">選択肢6</option>
	</optgroup>
</select>

グループAの選択肢1~3は選択できない。

サンプル

HTMLソースコード

<form action="sample-select.php" method="post" target="_blank">
	<p>
		選択肢: 
		<select name="sampleName">
			<optgroup label="グループA">
				<option>選択肢1</option>
				<option>選択肢2</option>
				<option>選択肢3</option>
			</optgroup>
			<optgroup label="グループB" disabled>
				<option>選択肢4</option>
				<option>選択肢5</option>
				<option>選択肢6</option>
			</optgroup>
			<optgroup label="グループC">
				<option>選択肢7</option>
				<option>選択肢8</option>
				<option>選択肢9</option>
			</optgroup>
		</select>
	</p>
	<p>
		<button type="submit">送信</button>
	</p>
</form>

実際の表示

選択肢: