SQLの窓

2014年09月11日


IE11で、古いコードを IE8 のエミュレート時のみで起こる酷いバグ( option.text に文字列をセットするとリストボックスが選択できなくなります )

完全に使えません。リストボックスが固まって選択できなくなります。対処方法はありますが、options がらみでいろいろ不思議な現象が起きました。その中で確実に再現確認したのは以下のコードです。
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=8">
<meta http-equiv="Content-type" content="text/html; charset=shift_jis">

<script>
function addOptionItem() {
	obj = document.getElementsByName("bug_test")[0];
	newItem = document.createElement("option");
	obj.options.add(newItem);
	newItem.value = 42;
	newItem.text = "兵庫";
}

function addOptionItem2() {
	obj = document.getElementsByName("bug_test")[0];
	newItem = document.createElement("option");
	obj.options.add(newItem);
	newItem.value = 42;
	newItem.innerHTML = "兵庫";
}
</script>

</head>
<body>

<input type="button" value="兵庫追加" onClick="addOptionItem();">
<br>
<form>
<select name="bug_test" size=8>
<option value="38">三重</option>
<option value="43">和歌山</option>
<option value="44">奈良</option>
<option value="45">滋賀</option>
<option value="41">京都</option>
<option value="40">大阪</option>
</select>
</form>
<input type="button" value="正しく兵庫追加" onClick="addOptionItem2();">

</body>
</html>

何故か、IE8 のエミュレートのみで起こります。VBScript でも JavaScript でも起こります。対処方法は、text プロパティを使わずに、innerHTML プロパティにセットする事です。

関連する記事

IE11 で VBScript を使う場合の注意事項 ( 古い社内アプリ移行時必見 )



【IEの最新記事】
posted by lightbox at 2014-09-11 19:17 | IE | このブログの読者になる | 更新情報をチェックする
バッチ処理

Microsoft Office
container 終わり

フリーフォントで簡単ロゴ作成
フリーフォントでボタン素材作成
フリーフォントで吹き出し画像作成
フリーフォントではんこ画像作成
ほぼ自由に利用できるフリーフォント
フリーフォントの書体見本とサンプル
画像を大きく見る為のウインドウを開くボタンの作成

Android SDK ポケットリファレンス
改訂版 Webデザイナーのための jQuery入門
今すぐ使えるかんたん ホームページ HTML&CSS入門
CSS ドロップシャドウの参考デモ
Google Hosted Libraries
cdnjs
BUTTONS (CSS でボタン)
イラストAC
ぱくたそ
写真素材 足成
フリーフォント一覧
utf8 文字ツール
右サイド 終わり
base 終わり