關於選擇選項從選擇重定向到html頁

我想重定向我的靜態HTML頁面，當用戶我從輸入類型選擇任何特定的選項。關於選擇選項從選擇重定向到html頁

比方說。當用戶從國家下拉列表中選擇美國。重定向到Google。是他們的任何簡單的jQuery或JavaScript來做到這一點。

感謝提前:)

2016-03-01 Munish Kumar

你可以使用的數據集的元素

$("#select").change(function() { 
 
    var option = $(this).find('option:selected'); 
 
    window.location.href = option.data("url"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="select"> 
 
    <option data-url="http://www.google.com">USA</option> 
 
    <option data-url="http://www.twitter.com">Canada</option> 
 
</select>

來源

2016-03-01 09:04:46 tomiy

<select> 
<option onclick="redirect()">USA<option> 
</select> 

<script> 

    function redirect(){ 
    window.location.href = 'http://www.google.com'; 
    } 

    </script>

來源

2016-03-01 07:49:17

無法在Firefox爲我工作。 – KittMedia

現在它會工作 –

嘗試是這樣的

$("#idselect").change(function(){ 
    var choice = $(this).val(); 
    switch(choice) 
    { 
     case "USA": 
     window.location.url="www.google.com"; 
     break; 
     case "ENG": 
     window.location.url="www.google.com"; 
     break; 
     default : 
     //Default action 
     break; 
    } 
});

來源

2016-03-01 07:50:02 Alexis

請做一個search確保您快速找到問題。我這個題目之前回答了這個問題：

how change the link form action a accordance with the `<option>`?

這就是你想要的。

來源

2016-03-01 07:50:06 Pedram

jQuery中，你可以做以下

('#dropdown').change(function(){ 
window.location.href = "your new url"; 
});

來源

2016-03-01 07:50:08

結帳完整的HTML，複製並將其保存在HTML擴展。

<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $('select[name=country]').on("change", function(e){ 

     if($(this).val() == 'USA'){ 
      alert($(this).val()); 
      window.location.assign("http://www.w3schools.com") 
     } 
     //window.location.url="www.google.com"; 
    }); 
}); 
</script> 

</head> 
<body> 

<Select name="country"> 
    <option value="India">India</option> 
    <option value="USA">USA</option> 
</Select> 

</body> 
</html>

希望這會有所幫助。

來源

2016-03-01 07:53:51

不，它不適合我..可以給我任何工作演示.... –

我已經添加了完整的工作@MunishKumar。 –

使用下面的代碼： -

<select onchange="this.options[this.selectedIndex].value && (window.location = this.options[this.selectedIndex].value);"> 
    <option value="">Select...</option> 
    <option value="http://google.com">USA</option> 
    <option value="http://yahoo.com">Canada</option> 
</select>

原始Link： -

來源

2016-03-01 08:52:12

關於選擇選項從選擇重定向到html頁

回答

相關問題