フォームのselectボックスの中身を動的に入れ替えるjavascript

もっときれいな書き方があるんだろうけど。
とりあえず、この前、仕事で使ったので、
覚え書き。

関東、東北、関西などのエリアを選択すると、
県のセレクトボックスの中身を該当する県に入れ替えます。

サンプル

function changeform() {
doc = document.searchbox.pref;
if (document.searchbox.area.value == 1) {
doc.length = 8;
doc.options[0].text = "お選びください。";
doc.options[1].text = "北海道";
doc.options[1].value = 1;
doc.options[2].text = "青森";
doc.options[2].value = 2;
doc.options[3].text = "岩手県";
doc.options[3].value = 3;
doc.options[4].text = "宮城県";
doc.options[4].value = 4;
doc.options[5].text = "秋田県";
doc.options[5].value = 5;
doc.options[6].text = "山形県";
doc.options[6].value = 6;
doc.options[7].text = "福島県";
doc.options[7].value = 7;

中略

} else {
doc.length = 1;
doc.options[0].text = "お選びください。";
}
}

をjs側に


をHTML側に。

date:2007年10月14日 14:36 | COMMENT (1)

Comment (1)

匿名 :

すいません。
本当に素晴らしいプログラミングですね
これから参考にさせていただきたいです。

Comment

(いままで、ここでコメントしたことがないときは、
コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。
承認されるまではコメントは表示されません。そのときはしばらく待ってください。)