从选择重定向到 html 页面中选择选项答案

【问题标题】：On Selecting option from select redirect to html page从选择重定向到 html 页面中选择选项
【发布时间】：2016-06-13 12:57:59
【问题描述】：

当用户从输入类型选择中选择任何特定选项时，我正在尝试将我的静态 html 页面重定向到另一个页面。

让我们说。当用户从国家下拉列表中选择美国时。重定向到谷歌。他们是否有任何简单的 jquery 或 javascript 来执行此操作。

提前致谢:)

【问题讨论】：

标签： jquery html css

【解决方案1】：

你可以使用数据集元素

$("#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>

【讨论】：

【解决方案2】：

请发送search 确保您能快速找到您的问题。我之前在这个话题中回答过这个问题：

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

这就是你想要的。

【讨论】：

【解决方案3】：

试试这样的

$("#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;
   }
});

【讨论】：

【解决方案4】：

在 jquery 中，您可以执行以下操作

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

【讨论】：

【解决方案5】：

使用下面的代码：-

<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:-

【讨论】：

【解决方案6】：

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

 <script>

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

  </script>

【讨论】：

【解决方案7】：

签出完整的 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>

希望这会有所帮助。

【讨论】：