• ベストアンサー

複数のjavascript

うまく説明できないのですが、 プルダウンメニューが1つならエラーは出ないのですが、 下記のようにプルダウンメニュー2つにするとエラーが出てしまいます。。 どのように分ければエラーが出ないでしょうか・・・? 出来ればスッキリした形がベストなんですが・・・。 どうか宜しくお願い致します。 ------------------------------------------------------------ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>step25</title> <META http-equiv="Content-type" content="text/html; charset=Shift_JIS"> <script launguage="JavaScript"> <!-- function openlink(){ var n = document.f1.links.selectedIndex; if(n!=0){ location.href = document.f1.links.options[n].value; } } --> </script> </head> <body> <FORM name="f1"> <H2>美術館&博物館のリンク集</H2> <select name="links" onChange="openlink()"> <option>リンク先を選択</option> <option value="http://www.momat.go.jp">1111</option> <option value="http://www.momak.go.jp">2222</option> <option value="http://www.nmwa.go.jp">3333</option> <option value="http://www.tnm.go.jp">4444</option> <option value="http://www.kyohaku.go.jp">5555</option> <option value="http://www.narahaku.go.jp">6666</option> </select> <select name="links" onChange="openlink()"> <option>リンク先を選択</option> <option value="http://www.momat.go.jp">1111</option> <option value="http://www.momak.go.jp">2222</option> <option value="http://www.nmwa.go.jp">3333</option> <option value="http://www.tnm.go.jp">4444</option> <option value="http://www.kyohaku.go.jp">5555</option> <option value="http://www.narahaku.go.jp">6666</option> </select> </FORM> </body> </html> ------------------------------------------------------------

質問者が選んだベストアンサー

  • ベストアンサー
  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.1

name="links"の要素が2個あるので、document.f1.linksでは特定できないためエラーになっています。 document.f1.links って指定の方法も、あまり良いとは思えない。 ご提示の内容に限定できるのなら、呼び出す側を onChange="openlink(this)" のようにしておいて、スクリプトを function openlink(e){ var n = e.selectedIndex; if(n) location.href = e.options[n].value; } にしておけば、selectの数を増やしてもいけるのでは?

ke---ta
質問者

お礼

出来ました!! ご親切にどうもありがとうございました。

すると、全ての回答が全文表示されます。

その他の回答 (1)

回答No.2

すっきりしたいなら、なおさら <select name="links" onChange="location.href=this.value"> でっ、お~しまいっ!  かんすうなんていらないしね。 ばぶっ!

すると、全ての回答が全文表示されます。

関連するQ&A