javascript - 如何将输入框中的值复制到 Jquery 脚本内部？

Question

我想为 Jquery 脚本设置动态值。

目标: 将值从 amounter 复制到脚本内的 "amount": "HERE",。

这是我的代码:

<button id="rzp-button6">Pay with Razorpay</button>

<form name='razorpayform'>
    <input type="text" name="amounter" id="amounter" value="">

</form>


<script>

var options = {
    "key": "rzp_test_s7jZhwh0czdxMH",
    "name": "Arijit Aich",
    "amount": "1200",
    "description": "Testing Payment",
    "image": "http://www.google.com/favicon/android-icon-192x192.png",
    "handler": function (response){

       $("#razorpayform").html(response.razorpay_payment_id);
    var rpid = response.razorpay_payment_id;
    window.location = '/invoice.php?billno=' + rpid;

    },
    "prefill": {
        "name": "Arijit Aich",
        "email": "XXXXX@gmail.com",
        "contact": "7121212120"
    },
    "notes": {
        "shopping_id": "q3123kjanjk"
    },
    "theme": {
        "color": "#F37254"
    }
}


var rzp6 = new Razorpay(options);

document.getElementById('rzp-button6').onclick = function(e){
    rzp6.open();
    e.preventDefault();
}

</script>  

JSFiddle:https://jsfiddle.net/00fnopqj/1/

Answer 1

在点击事件处理程序中创建新的 Razorpay，以便您可以先设置 amount 属性

$('#rzp-button6').click(function(e){
   e.preventDefault();
   options.amount = $('#amounter').val();
   var rzp6 = new Razorpay(options);   
   rzp6.open()
});
// or do similar in your `onclick`