將期權價值更改為href？

Question

嗨，我下載了一些html模板，我試圖重新調整，我有一些這樣的代碼形式，是否有可能我可以將選項“值”更改為“href”，所以當客戶端選擇讓我們說“標准訪問”並點擊按鈕立即購買重定向到paypal讓我們說？ 這是代碼：

 <div class="modal-body">
          <form method="POST" action="#">
            <div class="form-group">
              <input type="text" class="form-control" name="your-name" placeholder="Your Name">
            </div>
            <div class="form-group">
              <input type="text" class="form-control" name="your-email" placeholder="Your Email">
            </div>
            <div class="form-group">
              <select id="ticket-type" name="ticket-type" class="form-control" >
                <option value="">-- Select Your Ticket Type --</option>
                <option value="standard-access">Standard Access</option>
                <option value="pro-access">Pro Access</option>
                <option value="premium-access">Premium Access</option>
              </select>
            </div>
            <div class="text-center">
              <button type="submit" class="btn">Buy Now</button>
            </div>
          </form>
        </div>

Answer 1

這里有一些例子。 可能有可能讓它變得更好，但我不知道背景。

 $('#confirmButton').on('click', function() { const href = $('#redirect').val(); window.location.href = href; }); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <select id="redirect"> <option value="" disabled selected>-- Select Your Ticket Type --</option> <option value="https://www.google.com">Google</option> <option value="https://stackoverflow.com">Stackoverflow</option> </select> <button type="button" id="confirmButton">Confirm</button> 

Answer 2

您可以向表單添加onsubmit偵聽器。

<form method="POST" action="#" onsubmit="myFunction()">...
</form>

<script>
myFunction(){
    var x = document.getElementById("ticket-type").value;
    if (x== 'standard-access') {window.location.href = "http://www.URL1.html";}
    else if (x== 'pro-access') {window.location.href = "http://www.URL2.html";}
    return false; // to prevent default submit
}
</script>