2012-01-22 5 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

... 아래 참조

희망은 이것이 필요한 것입니다 !!!

행운을 빌어 요 !!!

업데이트 1

빠르게 옵션을 선택 (및 이동 버튼을 누르지 않으면) 후 새 창을 열려면, 아래의 코드

<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> 
입니다
관련 문제