Question

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

让我们说。当用户从国家/地区下拉菜单中选择美国时..重定向到Google。是他们的任何简单的jquery或javascript来做到这一点。

提前致谢：）

Answer 1

请search确保您能够快速找到问题。我之前在本主题中回答了这个问题：

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

这就是你想要的。

Answer 2

您可以使用数据集元素

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 3

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

 <script>

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

  </script>

Answer 4

尝试这样的事情

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

Answer 5

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

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

Answer 6

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

希望这有帮助。

Answer 7

使用以下代码： -

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

从选择重定向到html页面选择选项

7 个答案: