No.1
- 回答日時:
new optionで作る、というのが具体的にどういうコードで作っているかわかりませんが、
optgroupとoptionは別種のエレメントですから、作ったものを変化させる事はできません。
http://www.doraneko.org/misc/dom10/19981001/leve …
createElementとかでoptgroupを作ってはどうでしょうか。
http://www.doraneko.org/misc/dom10/19981001/leve …
この回答への補足
お世話になります。
コードは以下です。
<script type="text/javascript">
function aaa(){
var oGroup = document.createElement('optgroup');
oGroup.label = "▼選択";
for(i=0; i<lines.length; i++) {
if(lines[i] == '') {
break;
}
var parts = lines[i].split(",");
var kamokusyubetu_code = parts[0];
var kamokusyubetu_name = parts[1];
var j=i+1;
var oOption = document.createElement('option');
oOption.value = code;
oOption.innerHTML = name;
oGroup.appendChild(oOption);
}
var oSelect = document.getElementById('select_bbb');
oSelect.appendChild(oGroup);
}
</script>
<select name='select_aaa' id='select_aaa' onchange='aaa()'>
</select>
<select name='select_bbb' id='select_bbb'>
</select>
上記にて、
select_aaaをonchangeする事によって、
select_bbbが動的に変わるセレクトボックスwith optgroupを作成できましたが、
select_aaaをonchangeする度に、select_bbbにoptionが追加されてしまいます。
一度removeして追加したいのですが、
oSelect.removeChild(oGroup);
を実行するとエラーになります。
なぜでしょうか??ここを教えてください。
宜しくお願いします。
No.2ベストアンサー
- 回答日時:
なんだかlinesとかいきなり出てくるし、どういうscriptかわかりませんが、
var oSelect = document.getElementById('select_bbb');
oSelect.removeChild(oSelect.firstChild);
これをfunction aaaの最初に入れれば削除してから追加する事になるかと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 2段階プルダウンで1段階目の選択を終えた後に選択ボックスを見えなくしたい 2 2022/07/05 21:58
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript 中百舌鳥駅と深井駅を入れ替えて選択しても同じ挙動にしたいです。 2 2022/06/24 18:45
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
- JavaScript 電車の運賃を出すプログラムを作っています。 2 2022/06/22 09:36
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript 1度きりではなく、繰り返し、挙動が変わるようにしていただきたいです。 1 2022/07/03 15:50
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
javascriptでセレクトボックス...
-
selectを変更不可にしたい
-
javascriptでoptionタグを削除...
-
プルダウン選択を変更すると、...
-
hiddenに値を設定する方法
-
セレクトボックスの内容を次の...
-
Selectボックスの一覧表示方法
-
同じ名前のセレクトがある場合...
-
jqueryでselect要素を表示・非...
-
変数にフォーム名を指定したい
-
selectボックスで選択数を制限...
-
disableとすることなく、ユーザ...
-
3つのselectでURLパラメータを...
-
プルダウンメニューに連動する...
-
javascriptで計算フォームを作...
-
プルダウンを選択していないと...
-
return trueとreturn falseの用...
-
プルダウン 項目が多いので先頭...
-
hiddenのvalueの値を変えたい
-
onchangeイベントを強制的に発...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
全てのselect要素をデフォルト...
-
javascriptでセレクトボックス...
-
Selectボックスの一覧表示方法
-
JavaScriptで<select>の<option...
-
プルダウン選択を変更すると、...
-
select要素のvalueを配列で取得...
-
selectを変更不可にしたい
-
<input>の選択肢をプルダウンメ...
-
ラジオボタンとプルダウンを連...
-
【JS】selectでchangeした時の...
-
VBScriptでHTMLのセレクトボッ...
-
リストボックス内の重複したも...
-
同じ名前のセレクトがある場合...
-
プルダウンの値によって活性・...
-
selectが変更されたらnameを指...
-
【javascript】連想配列からセ...
-
3つのselectでURLパラメータを...
-
複数のプルダウンを1つにまとめ...
-
selectボックスで選択数を制限...
-
セレクトボックスで配列を呼び...
おすすめ情報