IE7以下でもdisabled 属性を利用できるようになる「select-option-disabled-emulation.js」-JavaScript Library Archive

IE7以下でもdisabled 属性を利用できるようになる「select-option-disabled-emulation.js」

配布元：Select, Option, Disabled And The JavaScript Solution
ライセンス：非商用に限り無料

select-option-disabled-emulation.jsはIE7以下でもoption要素のdisabled 属性を利用できるようになるJavaScriptライブラリです。

通常、option要素にdisabled属性を記述した場合、文字の色が薄くなり選択できなくなります。

<select>
	<option>選択</option>
	<option disabled="disabled">選択(disabled)</option>
	<option>選択</option>
</select>

ところが、IE6やIE7ではdisabled 属性を利用しても選択できてしまいます。

head要素などでダウンロードしたJavaScriptファイルを読み込みます。その際に条件付コメントを利用してIE7以前のIEにのみ読み込まれるようにします。

<!--[if lt IE 7]>
<script type="text/javascript" src="select-option-disabled-emulation.js"></script>
<![endif] -->

設定はこれだけでOKです。

選択された際に、ひとつ上のoptionに切り替えるなどが行われていますが、ちょっとdisabledを利用したいときに便利なライブラリです。