如何将选项中的值传递给按钮中的url

时间:2018-09-19 20:51:05

标签: javascript jquery

我有一个简单的PayPal“添加到购物车”表格,下面有一个快速结帐按钮“立即购买”。

    if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.M)
        mBluetoothGatt = device.connectGatt(this, true, mGattCallback, 2);
    else
        mBluetoothGatt = device.connectGatt(this, true, mGattCallback);

如何将此表单中的 quantity 值传递到“立即购买”按钮中?

<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>

我正在寻找Javascript或jQuery解决方案。两者使用最少的代码。

3 个答案:

答案 0 :(得分:0)

在您的onclick处理程序中,您需要调用一个函数,该函数既可以更新您的网址,又可以通过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/

答案 1 :(得分:0)

不要使用内联事件处理程序,这被广泛认为是一种糟糕的做法。

相反,请使用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>

答案 2 :(得分:0)

谢谢大家的帮助。实际上,我最终回答了自己的问题。这就是我的方法

<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>