フォームの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側に

<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>
をHTML側に。