選擇選項更改 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>

Answer 2

你可以用 JavaScript 解決這個問題。

首先將onchange=testFunction(this)屬性添加到您的選擇標記。

然后在你的 JavaScript 中創建和定義一個函數，如下所示：

function testFunction(el) {
    if (el.value === '7+') {
        // change the webpage you're currently on
        document.location.href = 'emailForm.php';

        // change the url your form posts to
        document.form-name.action = 'emailForm.php';
    }
}

每當用戶更改您的選擇框時，它都會調用此函數，然后您可以選擇要檢查的值，以及在不提交表單本身的情況下選擇某些值時要執行的操作。