如何将值从选项选择传递到按钮中的url
如何将值从选项选择传递到按钮中的url
提问于 2018-09-20 04:51:05
我有这个简单的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>如何将此表单中的quantity值传递到“立即购买”按钮？
<button id="buynow" onclick="location.href='https://www.paypal.com/cgi-bin/webscr?cmd=_xclick¤cy_code=USD&item_name=abc&amount=22.99&quantity='">Buy Now</button>我正在寻找Javascript或jQuery解决方案。以使用最少的代码量为准。
回答 3
Stack Overflow用户
发布于 2018-09-20 05:01:57
在您的onclick处理程序中，您需要调用一个函数来更新您的url，并通过location.href重定向您。像这样一个简单的函数可以工作：
function updateLocationLink() {
var quantity = QuantitySelect.value;
alert('https://www.paypal.com/cgi-bin/webscr?cmd=_xclick¤cy_code=USD&item_name=abc&amount=22.99&quantity='+quantity);
}Stack Overflow用户
发布于 2018-09-20 05:03:11
不要使用内联事件处理程序，这被广泛认为是非常糟糕的做法。
相反，请使用addEventListener()
addtocart.addEventListener('click', function() {
buynow.dataset.url = "https://www.paypal.com/cgi-bin/webscr?cmd=_xclick¤cy_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¤cy_code=USD&item_name=abc&amount=22.99&quantity=">Buy Now</button>
Stack Overflow用户
发布于 2018-09-20 07:03:27
感谢大家的帮助。实际上，我最终回答了我自己的问题。我就是这么做的
<button id="buynow" onclick="location.href='https://www.paypal.com/cgi-bin/webscr?cmd=_xclick¤cy_code=USD&item_name=abc&amount=22.99&quantity=' + $('#QuantitySelect option:selected').val();">Buy Now</button>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52414047
复制相关文章
相似问题
腾讯云开发者
