select の option 項目を追加する javascript を組んでいるのですが
IE だけ項目追加ができません。Windows の Firefox2、Safari は期待
通りに項目が追加できました。
option.value を指定しないと IE でも追加できます。IE 専用に特別な
別プログラムが必要なのでしょうか。ご存知の方よろしくお願いします。
var selectBox = document.getElementById("select1");
var option = document.createElement('option');
option.setAttribute('value','my_value');
option.appendChild(document.createTextNode('my_text'));
selectBox.appendChild(option);
3行目をコメントアウトすれば IE でも select にデータが追加され
ますが、肝心の value がないのでプログラム的にダメなんです。
No.1ベストアンサー
- 回答日時:
う~ん・・・Win版IE6では普通に動いてますがどのIEについて言っている
のでしょ?
<script>
window.onload=function(){
var selectBox = document.getElementById("select1");
var option = document.createElement('option');
option.setAttribute('value','my_value');
option.appendChild(document.createTextNode('my_text'));
selectBox.appendChild(option);
}
</script>
<select id="select1" onchange="alert(this.value)">
<option value="">選択する</option>
</select>
回答ありがとうございます。
IEはWin版の6と7です。Macは手元にないのでわかりません。
教えていただいたコードのみでは・・・動きます。なんででしょう。
ただ、これでこの書き方自体は間違いでないことがわかりましたので
視点を変えて調査します。ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<input>の選択肢をプルダウンメ...
-
プルダウン選択を変更すると、...
-
javascriptでセレクトボックス...
-
リストボックス内の重複したも...
-
option 選択による表示&非表示
-
disableとすることなく、ユーザ...
-
javascriptでoptionタグを削除...
-
プルダウンメニューでのイベン...
-
selectを変更不可にしたい
-
検索窓とプルダウンメニュー機...
-
ハイパーリンクを別ウインドウ...
-
至急!GetElementById でtdの...
-
TextBoxに半角数字以外を入れた...
-
value内に変数を入れたい
-
<JavaScript>tableタグを入力不...
-
プルダウン 項目が多いので先頭...
-
画面表示とともに、テーブルの...
-
入力チェックの外部スクリプト...
-
TD内のチェックボックスの位置...
-
Jvasvriptのlengthで個数が取得...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
プルダウン選択を変更すると、...
-
selectを変更不可にしたい
-
javascriptでセレクトボックス...
-
<input>の選択肢をプルダウンメ...
-
select要素のvalueを配列で取得...
-
複数のプルダウンを1つにまとめ...
-
ラジオボタンとプルダウンを連...
-
同じ名前のセレクトがある場合...
-
Selectボックスの一覧表示方法
-
VBScriptでHTMLのセレクトボッ...
-
全てのselect要素をデフォルト...
-
JavaScriptで<select>の<option...
-
リストボックス内の重複したも...
-
【javascript】連想配列からセ...
-
プルダウンの値によって活性・...
-
ラジオボタンの選択に応じてプ...
-
<select> をmultiple にしてい...
-
プルダウンで選択した項目にあ...
-
スマホのフォームでのselect複...
-
webページの一部のみの更新につ...
おすすめ情報