こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

複数の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>
------------------------------------------------------------

投稿日時 - 2009-06-24 11:48:25

QNo.5070463

すぐに回答ほしいです

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

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の数を増やしてもいけるのでは?

投稿日時 - 2009-06-24 12:08:21

お礼

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

投稿日時 - 2009-06-24 16:09:51

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.2

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

ばぶっ!

投稿日時 - 2009-06-24 15:32:30

あなたにオススメの質問