关于选择选项从选择重定向到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页

回答

相关问题