Question

我想使用带有url的下拉列表，当用户选择一个元素时，它将像一个简单的链接一样打开，这是我所做的，但是它不起作用，我仍然在当前页面中。

<html>

<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

  <script>
    $(document).ready(function() {
          $("#header-link1").change(function() {
            if ($(this).val() != '') {
              window.location.href = $(this).val();
            }
          });
  </script>

</head>

<body>
  <form>
    <select name="forma" id="header-link1">
      <option value="Select option">
        Select option
      </option>
      <option value="http://www.surtymar.com/fr/reglementation-internationale/">
        Réglementation internationale 15
      </option>
      <option value="http://www.surtymar.com/fr/reglementation-union-europeenne/">
        Réglementation 15
      </option>

    </select>
  </form>
</body>

</html>

Answer 1

尝试一下：-

使用JQuery实现这一目标。

$(document).ready(function() {
  $("#header-link1").change(function(){
    if ($(this).val()!='') {
      window.location.href=$(this).val();
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form >
            <select name="forma" id="header-link1" >
         <option value="Select option">
            Select option
        </option>
        <option value="http://www.surtymar.com/fr/reglementation-internationale/">
            Réglementation internationale 15
        </option>
        <option value="http://www.surtymar.com/fr/reglementation-union-europeenne/">
              Réglementation 15
        </option>
        
        </select>
    </form>

Answer 2

试试看！应该管用！它只是选择选项值并重定向用户！

<form >
    <select name="forma" onchange="this.options[this.selectedIndex].value && (window.location = this.options[this.selectedIndex].value);">
        <option value="http://surtymar.com/fr/reglementation-internationale/">Réglementation internationale 15</option>
        <option value="http://surtymar.com/fr/reglementation-union-europeenne/">Réglementation 15</option>
    </select>
</form>

如何通过网址使用下拉列表

2 个答案: