我如何執行以下操作？（使用一個簡單的HTML表單和javascript或jquery的什麼，我需要）轉到具有我選擇的下拉列表值的網址（url.com/dropdownvalue1+dropdownvalue2+etc）

1）有附加到URL的這樣的下拉值： http://www.url.com/catalogsearch/result/?q=dropdownvalue1+dropdownvalue2

（+符號將呆在那裏，像「dropdownvalue1」 +「 +」 + 「dropdownvalue2」）

2）要與國際單項體育聯合會建立這樣的URL： http://www.url.com/catalogsearch/result/?q=customvar

哪裏customvar就像IF dropdownvalue1 = ABC和dropdownvalue2 =高清THEN URL = customurl

當我在選擇下拉值後點擊提交時，1和2都會將我發送到該URL。我怎樣才能做到這一點？

我知道如何創建選擇並轉到URL，但我想要點擊Submit來轉到URL，而不是馬上轉到，並且還要附加這些值。

<select id="dropdown"> 
<option value="">Select</option> 
<option value="google">Google</option> 
<option value="bing">Bing</option> 
</select> 


<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
$("#dropdown").change(function(){ 
if ($("#dropdown option:selected").val() == 'google'){ 
window.location = 'http://google.com'; 
} 
if ($("#dropdown option:selected").val() == 'bing'){ 
window.location = 'http://bing.com'; 
} 
}); 
}); 
</script>

在此先感謝。

來源

2015-05-28 Guilherme Santos

這是否對您有幫助？ :-) –

重定向到基於一個選擇框

的值的URL添加該按鈕，您的HTML

<input type="submit" value="Submit" onclick="url()"/>

按鈕包括運行這個javascript函數

一個onclick事件

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 
<script type="text/javascript"> 
    function url() { 
     var value1 = $("#dropdown").val(); 
     if (value1 == 'google'){ 
      window.location.href = 'http://google.com'; 
     } 
     if (value1 == 'bing'){ 
      window.location.href = 'http://bing.com'; 
     } 
    } 
</script>

改變以適應您的需求
這是會從選擇框var value1 = $("#dropdown").val();
如果你想創造更多的選擇框的值，只需添加另一個變量來檢索數據行。
例如var value2 = $("#dropdown2").val();
您也可以編輯if語句並使用window.location重定向中的變量。

if (value1 == 'google' && value2 == "something"){ 
    window.location.href = 'http:/google.com?value1='+value1+'&value2='+value2; 
}

更簡單的方法

使用選擇框中的值來改變單一的URL。

function url() { 
    var value1 = $("#dropdown").val(); 
    window.location.href = 'http://'+value1+'.com'; 
}

來源

2015-05-28 16:20:59

仍然無法正常工作。你能看看我的代碼嗎？ http://paulinhomotos1.hospedagemdesites.ws/scripts/option-dropdown.html –

沒有jquery庫=沒有變量。在你的javascript之上加上這一行''script type =「text/javascript」src =「http://code.jquery.com/jquery-latest.min.js」>' –

好的。它現在在那裏，但它唯一做的是添加一個「？」符號旁邊的網址。 –

不應該是window.location.href？

來源

2015-05-28 16:11:46

轉到具有我選擇的下拉列表值的網址（url.com/dropdownvalue1+dropdownvalue2+etc）

回答

重定向到基於一個選擇框

更簡單的方法

相關問題