javascript - 选择选项更改 URL

Question

我有一个选择表单元素，其值范围为 1-7+。如果用户选择“7+”，我希望 URL 转到 emailForm.php。我怎样才能让它发挥作用？当用户单击提交按钮时，将捕获其他选项。

<select id="replyNumber">                           
<option selected="true" disabled="disabled" value="">No of people</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7+" onchange="document.location.href=emailForm.php">7+</option>
</select> 

Answer 1

您无法将 onchange 添加到选项，但需要将其添加到 select 标记。

您可以添加函数changePage，您可以检查值，然后实现如下所示的页面更改

   <script>
      function changePage() {
        var val = document.getElementById("replyNumber").value;
        if (val == "7+") {
          document.location.href='emailForm.php'
        }
      }
    </script>
    <select id="replyNumber" onchange="changePage()">
      <option selected="true" disabled="disabled" value="">No of people</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
      <option value="6">6</option>
      <option value="7+">7+</option>
    </select>