複数のプルダウン
いつも参考にしております。
プルダウンが選択後、もうひとつのプルダウンを表示したいと
思っておりますが、うまく表示されません。
1つめのプルダウンの選択によって、2つめのプルダウンのメニューは
異なります。
<!--
function setArea(n) {
prefItem = [["▼選択してください"],
["▼選択してください", "千葉県", "東京都", "神奈川県", "山梨県"],
["▼選択してください", "新潟県", "長野県", "富山県"],
["▼選択してください", "静岡県", "愛知県", "岐阜県", "三重県"],
len = document.form1.PrefID.options.length;
for (i=0; i<len; i++) {
document.form1.PrefID.options[i] = null;
}
document.form1.PrefID.style.visibility = "visible";
for (i=0; i<prefItem[n].length; i++) {
document.form1.PrefID.options[i] = new Option(prefItem[n][i]);
}
}
//-->
<select name="AreaID" onChange="setArea(this.selectedIndex)">
<option value="0" selected>▼選択してください</option>
<option value="1">関東</option>
<option value="2">甲信越・北陸</option>
<option value="3">東海</option>
</select>
<select name="PrefID" style="visibility:hidden">
たとえば、1つめのプルダウンを「関東」を選択すると
2つめのプルダウンに「千葉県, 東京都, 神奈川県, 山梨県」
と表示されますが、その後「▼選択してください」を選択すると
「▼選択してください, 神奈川県」と2つのメニューが表示されてしまいます。
メニューを削除して、新しく生成しています。
なので、「▼選択してください」と1つだけのメニューになるはずだと思うのですが。
ご教授お願いいたします。
お礼
まさにこのことでした。ありがとうございます。