平成30/ 2018-10-22 00:47
html select 動的
http://www.phas.jp/2007/10/selectjavascript.php

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 = "お選びください。";
}
}

<form name="searchbox">
エリア<br />
<select name="area" onChange="changeform()">
<option value="0">お選びください。</option>
<option value=1>北海道・東北</option>
<option value=2 SELECTED>関東</option>
<option value=3>北信越</option>
<option value=4>東海・中部</option>
<option value=5>関西</option>
<option value=6>中国・四国</option>
<option value=7>九州・沖縄</option>
</select><br /><br />
県<br />
<select name="pref">
<option value="">お選びください。</option>
<option value=8>茨城県</option>
<option value=9>栃木県</option>
<option value=10>群馬県</option>
<option value=11>埼玉県</option>
<option value=12>千葉県</option>
<option value=13>東京都</option>
<option value=14>神奈川県</option>
<option value=19>山梨県</option>
</select>
</form>