プルダウンメニューの連動で・・・

質問

function change(){

item_date = form.cat1.selectedIndex;
item_value= form.cat1.options[item_date].value;
var i;

switch(item_value) {

case "1":
listArray = new Array();
listArray[0] = new Option("aaa","縺ゅ≠縺・quot;);
listArray[1] = new Option("sss","www");
break;

case "2":
listArray = new Array();
listArray[0] = new Option("222","333");
listArray[1] = new Option("333","333");
listArray[2] = new Option("444","444");
listArray[3] = new Option("555","444");
break;
}

for(i=0;i < listArray.length;i++){
document.form.cat2.options[i] = listArray[i];
}
}

このようにしてみたのですが、
2を選択してから1を選択すると、2で選択した「444」と「555」が残ってしまいます。
一度消してしまおうとしたのですが、document.form.cat2.reset();ではエラーが出てしまいます。(オブジェクトが選択されていない)
どのようにしてクリアすれば良いのでしょうか？

回答No.3

mazimekko3

cat2にidを設定し、document.all , document.getElementById , document.layer のいずれかでinnerHTMLを用いて消去する。

if(document.all) document.all("cat2_id").innerHTML = "";
if(document.layer) document.layer("cat2_id").innerHTML = "";
if( !document.all && document.getElementById ) document.document.getElementById("cat2_id").innerHTML = "";

for(i=0;i < listArray.length;i++){
document.form.cat2.options[i] = listArray[i];
}