2012-01-22 14 views
0

私はドロップダウンメニューに次のコードを使用していますが、新しいウィンドウで選択したオプションを開きます。このコードを変更してこの作業を行うべきですか?新しいウィンドウでddメニューを開く

<form name="blah_blah"> 
<select name="ddmenu_name" style="width: 80% !important;"> 
<option value="first_option_name" selected>option display name</option> 
<option value="1st link to content">1st option name</option> 
<option value="2nd link to content">2nd option name</option> 
</select> 
<input type="button" name="Submit" value="Go!" onClick="top.location.href = this.form.ddmenu2.options[this.form.ddmenu2.selectedIndex].value; 
return false;"> 
</form> 

ありがとう!

答えて

2

は、以下を参照してください...

index.htmlを

<html> 
<body> 
<form name="blah_blah"> 
<select name="ddmenu_name" id="ddmenu_name" style="width: 80% !important;"> 
<option value="first_option_name" selected>option display name</option> 
<option value="page1.html">1st option name</option> 
<option value="page2.html">2nd option name</option> 
</select> 
<input type="button" name="Submit" value="Go!" onClick="window.open(ddmenu_name.value,'newtab')"> 
</form> 
</body> 
</html> 

page1.html

<html> 
<body> 
Page 1 
</body> 
</html> 

page2.html

<html> 
<body> 
Page 2 
</body> 
</html> 

希望はこれがあなたが必要としているものです!

Good Luck !!!

更新は1

すばやくオプションを選択(し、Goボタンを押していない)の後に、新しいウィンドウを開きたい場合は、以下のコード

<html> 
<body> 
<form name="blah_blah"> 
<select name="ddmenu_name" id="ddmenu_name" style="width: 80% !important;" onChange="window.open(ddmenu_name.value,'newtab'"> 
<option value="first_option_name" selected>option display name</option> 
<option value="page1.html">1st option name</option> 
<option value="page2.html">2nd option name</option> 
</select> 
</form> 
</body> 
</html> 
です
関連する問題