複数のプルダウンメニューの作り方。

・Aリスト、Bリスト…とプルダウンメニューを複数含んだフォームを一つのhtmlに作りたいのですが、上手くいきません。
一つのフォームに一つのプルダウンメニューは上手くいくのですが、Javascriptを二つ並べると動かなくなります。
とりあえず関数名を重複しない様にしたらいいという事だけはネットで調べてわかりました。
今は、下記の状態になっています。

<script language="JavaScript">
<!--
function MENU(){
mySelect = document.myForm.myMenu.selectedIndex;
location.href = document.myForm.myMenu.options[mySelect].value;
}
// -->
</script>

<form name="myForm">

<select name="myMenu" onChange="MENU()">
<option value="">A</option>
<option value="a001.html">A001</option>
<option value="a002.html">A002</option>
<option value="a003.html">A003</option>
</select>

<select name="myMenu2" onChange="MENU()">
<option value="">B</option>
<option value="b001.html">B001</option>
<option value="b002.html">B002</option>
<option value="b003.html">B003</option>
</select>

</form>

ご指南の程宜しくお願いします。

No.2 ベストアンサー 回答者： mazimekko3 回答日時： 2007/03/15 18:21

両selectのonChangeを以下のように変更

onChange="MENU(this.options[this.selectedIndex].value);"

関数も以下のように変更
function MENU(url){
if( url != "" ) location.href = url;
// valueが""のときリンクエラーを回避
}

でいくんじゃないですか？

この回答へのお礼

回答ありがとうございます。
すいません、質問内容が間違っていました。
再度内容を書き換えて質問させて頂きますので宜しくお願い致します。

お礼日時：2007/03/15 19:21

No.1 回答者： leap_day 回答日時： 2007/03/15 16:16

こんにちは

onChangeの際についでにvalue値も渡してやればいいですよ（＾＾）

<script language="JavaScript">
<!--
function MENU(URL){
location.href = URL;
}
// -->
</script>

<form name="myForm">

<select name="myMenu" onChange="MENU(this.value)">
<option value="">A</option>
<option value="a001.html">A001</option>
<option value="a002.html">A002</option>
<option value="a003.html">A003</option>
</select>

<select name="myMenu2" onChange="MENU(this.value)">
<option value="">B</option>
<option value="b001.html">B001</option>
<option value="b002.html">B002</option>
<option value="b003.html">B003</option>
</select>

</form>

この回答へのお礼

回答ありがとうございます。
すいません、質問内容が間違っていました。
再度内容を書き換えて質問させて頂きますので宜しくお願い致します。

お礼日時：2007/03/15 19:21