如何將選項中的值傳遞給按鈕中的url

Question

我有這個簡單的PayPal“添加到購物車”表單，在它下面有一個快速結帳按鈕“立即購買”。

<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_cart">
<select name="quantity" id="QuantitySelect">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
<input type="hidden" name="item_name" value="abc">
<input type="hidden" name="amount" value="22.99">
<input type="hidden" name="currency_code" value="USD">
<button>Add to Cart</button>
</form>

如何將數量值從此表單傳遞到“立即購買”按鈕？

<button id="buynow" onclick="location.href='https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&currency_code=USD&item_name=abc&amount=22.99&quantity='">Buy Now</button>

我正在尋找Javascript或jQuery解決方案。 兩者使用最少的代碼。

Answer 1

在onclick處理程序中，您需要調用一個函數，該函數既可以更新您的url，又可以通過location.href重定向您。 像這樣的簡單函數起作用：

function updateLocationLink() {
  var quantity = QuantitySelect.value;
  alert('https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&currency_code=USD&item_name=abc&amount=22.99&quantity='+quantity);
}

在這里提琴： https : //jsfiddle.net/nL0v6sz3/5/

Answer 2

不要使用內聯事件處理程序，這被廣泛認為是一種糟糕的做法。

而是使用addEventListener() ：

 addtocart.addEventListener('click', function() { buynow.dataset.url = "https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&currency_code=USD&item_name=abc&amount=22.99&quantity=" + QuantitySelect.value; }) buynow.addEventListener('click', function() { window.location.href = buynow.dataset.url }) 

 <select name="quantity" id="QuantitySelect"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> </select> <input type="hidden" name="item_name" value="abc"> <input type="hidden" name="amount" value="22.99"> <input type="hidden" name="currency_code" value="USD"> <button id="addtocart">Add to Cart </button> <button id="buynow" data-url="https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&currency_code=USD&item_name=abc&amount=22.99&quantity=">Buy Now</button> 

Answer 3

謝謝大家的幫助。 實際上，我最終回答了自己的問題。 這就是我做的

<button id="buynow" onclick="location.href='https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&currency_code=USD&item_name=abc&amount=22.99&quantity=' + $('#QuantitySelect option:selected').val();">Buy Now</button>