連動セレクトボックスを同一ページにもう一つ追加したい
今回質問させていただきたいのは同一ページ内に連動するセレクトリストを二つ付けたいのですが上手く起動してくれません。
説明下手ですみません・・ 例えばですけど
htmlには、
<html>
<head>
<title>あ</title>
<script type="text/javascript">
<!--
// -->
</script>
<script type="text/javascript">
<!--
window.onload=function (){
for(var i=0; i<data.length; i++){
document.FORM1.MENUA.options[i] = new Option(data[i][0],data[i][0]);
}
setSubMenu(0);
};
function setSubMenu(no){
document.FORM1.MENUB.length=0;
for(var i=1; i<data[no].length; i++){
document.FORM1.MENUB.options[i-1] = new Option(data[no][i].key,data[no][i].value);
}
}
// -->
</script>
</head>
<body>
<form name="FORM1">
<select name="MENUA" onchange="setSubMenu(this.selectedIndex)">
</select>
<br>
<select name="MENUB" >
</select>
</form>
</body>
</html>
外部ファイルに
data = [
// [メイン分類,サブ分類並び,…],
["北海道",
{key:"函館市",value:"02_11"},
{key:"小樽市",value:"02_12"},
{key:"その他市町村",value:"02_099"}],
["青森",
{key:"青森市",value:"03_01"},
{key:"弘前市",value:"03_02"},
{key:"その他市町村",value:"03_099"}],
["岩手県",
{key:"盛岡市 ",value:"04_01"},
{key:"宮古市",value:"04_02"},
{key:"その他市町村",value:"04_099"}],
["宮城県",
{key:"石巻市",value:"05_06"},
{key:"塩竈市",value:"05_07"},
{key:"その他市町村",value:"05_099"}]
];
この他にもう一つ別窓で
<script type="text/javascript">
<!--
// -->
</script>
<script type="text/javascript">
<!--
window.onload=function (){
for(var i=0; i<data.length; i++){
document.FORM2.MENUC.options[i] = new Option(data[i][0],data[i][0]);
}
setSubMenu(0);
};
function setSubMenu(no){
document.FORM2.MENUD.length=0;
for(var i=1; i<data[no].length; i++){
document.FORM2.MENUD.options[i-1] = new Option(data[no][i].key,data[no][i].value);
}
}
// -->
</script>
</head>
<body>
<form name="FORM2">
<select name="MENUC" onchange="setSubMenu(this.selectedIndex)">
</select>
<br>
<select name="MENUD" >
</select>
</form>
</body>
</html>
外部ファイルに
data = [
// [メイン分類,サブ分類並び,…],
["プログラミング",
{key:"HTML",value:"11_01"},
{key:"JavaScript",value:"11_02"},
{key:"その他市",value:"11_099"}],
["データベース",
{key:"Oracle",value:"12_01"},
{key:"MySQL",value:"12_02"},
{key:"その他市",value:"12_099"}]
];
と書いたセレクトリストをもう一つ追加したいのです。
が何度やっても上手くいきません。
お礼
window.onload=function(){ var s=document.getElementsByTagName("select"); for(var i=0;i<s.length;i++){ s[i].selectedIndex=0; } } で実行したところ、 処理させたかった動きになりました。 ありがとうございました。