下拉菜單：在新標籤中打開鏈接+「轉到」鏈接

打開新選項卡中選擇項目
包括外部的鏈接，選擇選項

如何更改以下代碼使其如上所述工作？

<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="external link 1">1st link name</option> 
<option value="external link 2">2nd link name</option> 
</select> 
<input type="button" name="Submit" value="Go!" onClick="window.open(ddmenu_name.value,'newtab')"> 
</form>

謝謝！

來源

2012-01-22 webmaniacgr

請同時參閱上一個問答：http://stackoverflow.com/questions/8960981/open-dd-menu-selection-in-new-window – webmaniacgr

有一個問題：你的意思是**包含外部鏈接作爲選擇選項**你究竟想說什麼？您還不清楚... –

更好地通過示例來解釋.... –

檢查這個代碼

<html> 
<body> 
<form name="blah_blah"> 
<select name="ddmenu_name" id="ddmenu_name" style="width: 80% !important;"> 
<option value="" selected>Select Site</option> 
<option value="http://www.yahoo.com">Yahoo!!!</option> 
<option value="http://www.gmail.com">Gmail</option> 
<option value="http://www.google.co.in">Google</option> 
<option value="http://www.facebook.com">Facebook</option> 
</select> 
<input type="button" name="Submit" value="Go!" onClick="window.open(ddmenu_name.value,'newtab'+ddmenu_name.value)"> 
</form> 
</body> 
</html>

希望這是你所需要的...

來源

2012-01-22 16:42:19

試試這個：

HTML：

<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="external link 1">1st link name</option> 
     <option value="external link 2">2nd link name</option> 
    </select> 
    <input type="button" name="Submit" id="Submit" value="Go!"> 
</form>

的jQuery：

$(document).ready(function(){ 
    var Link = $('#ddmenu_name').val(); 
    $('#Submit').click(function() { 
     window.open(Link,'_blank'); 
    }); 
});

來源

2012-01-22 16:28:28

我希望代碼包含在輸入標籤中... Fahim的解決方案現在可以正常工作 - 非常感謝！ – webmaniacgr

下拉菜單：在新標籤中打開鏈接+「轉到」鏈接

回答

相關問題