プルダウンから飛んだページを別ウインドウで開く方法

解決済

質問者：kaju1211
質問日時：2009/05/07 23:22
回答数：3件

初歩的なJavaScriptで申し訳ないのですが、ご教授願いします。

下記のプルダウンのJavaScriptで、例えばヤフーと言う部分を選択し、飛ぶをクリックするとヤフーに飛びますが、その際ヤフーにとんだページを別ウインドウで表示させたいのですが、お分かりの方いらっしゃいましたらこの素人に教えてください・・

<HTML>
<HEAD>
<script language="javascript">

</script>
</HEAD>
<BODY>
<form method=post>
<select name="navi" size="10" "abc" onChange="document.b.submit()">
<option value="http://www.yahoo.co.jp/">ヤフー
</select>
<input type=button value="飛ぶ"
onClick="location.href = this.form.navi.options[this.form.navi.selectedIndex].value">
</form>
</BODY>
</HTML>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： bis_love
回答日時：2009/05/10 04:18

No.2の方が書いてあるとおり、onChange="document.b.submit()"が余分なのと、

<input type=button value="飛ぶ"
onClick="location.href = this.form.navi.options[this.form.navi.selectedIndex].value">
のところで、
"location.href = this.form.navi.options[this.form.navi.selectedIndex].value"
となっていることが原因です。

正しくは
<input type=button value="飛ぶ"
onClick="window.open(this.form.navi.options[this.form.navi.selectedIndex].value)">
とすることで別ウィンドウで開くようになります。
そうすると、上部で宣言されてる関数はいらなくなってしまいますね（＾＾；

どうしても関数で処理させたい場合は、
<input type=button value="飛ぶ"
onClick="location.href = this.form.navi.options[this.form.navi.selectedIndex].value">
で
onClick="location.href = this.form.navi.options[this.form.navi.selectedIndex].value"
となっているところを
onClick="navi(this.form.navi)"のようにして、
関数内の
location.href = url;
というところを
window.open(url);
のようにしてあげれば動くと思います。

ただそうする場合、関数名「navi」がセレクトボックスの名前と被っているので違う名前に変えてあげないと動かないと思います。