Webサイト制作初心者用質問スレ part244

10 ：Name_Not_Found：2015/09/09(水) 03:57:06.65 ID:EqQi211XJ

全都道府県のoptionを用意した上で、option自身にhiddenを与えるとリストから消え選択できなくなる
<option hidden>
id="prefectures"が選択された時点でid="city"のoptionを巡回してhiddenのフラグを操作すれば動的に変化させられる
hiddenはHTML5からの対応らしいからブラウザでの実装状況は詳しくは知らない

または、子ノードを全削除してからoptionを全て書き出す方法
//selectの子ノードを全て削除
var sel_node = document.getElementById('city');
while (sel_node.firstChild) { sel_node.removeChild(sel_node.firstChild); }
//city配列をoption出力
for(var i = 0 ; i < city[toggle].length ; i++){
var opt_node = document.createElement('option');
opt_node.value = 'city'+toggle+'_'+i;
opt_node.innerHTML = city[toggle][i];
sel_node.appendChild(opt_node);
}

都・道・府・県で配列を分けてある理由が分からないんだが
今は少ないと思うけど、javascriptが動作しない環境の事も考えると空のoptionを用意するのは無謀な気がする