如何以一種形式從 2 個選項中獲取 2 個網址

Question

<form action="Url1" method="post">
<select class="selectpicker">
<option value="1">Text 1</option>
<option value="2">Text 2</option>
</select>
<button type="submit" class="btn btn-success pull-right">Submit</button>
</form>

這是我的問題的示例代碼。 我想要的是在選擇Text 1 Option或Text 2 Option時獲得不同的網址。 我該怎么做？

編輯：我想為這兩個選項獲取不同的網址。 例如，當有人選擇文本 1 選項時，他必須被定向到 URL 1 而當有人選擇文本 2 選項時，他必須被定向到 URL 2

Answer 1

將 id 屬性添加到您的選擇器並使用 java 獲取選定的值並使用 window.location 在選定的 url 上重定向

更正后的代碼如下。

嘗試這個 ..

<form action="Url1" method="post">
<select name="url" id ="url" class="selectpicker"
<option value="1">Text 1</option>
<option value="2">Text 2</option>
</select>
<button type="submit" class="btn btn-success pull-right">Deposit 
Now</button>
</form>     

<script type = "text/javascript">

        function Redirect() {

          var e = document.getElementById("url");
           var strUrl = e.options[e.selectedIndex].text;
           window.location = strUrl;
        }

  </script>