如何使用javascript在脚本变量中插入文本框值

Question

下面是代码。目标：用id="rp_button6"的单击按钮上的"re_valve"值中的值替换"amount"值。

提取此值

<input type="text" class="form-control" id="re_valve">

启动按钮

<button type="button" class="btn btn-primary btn-flat" id="rp-button6">Pay Amount</button>

编写插入值的脚本

<script>
var options = {
"key": "XXXXXXXXXXXX",
"amount": "2000", // 2000 paise = INR 20
"name": "<?php echo $m9['fname']; ?> <?php echo $m9['lname']; ?>",
"description": "Digital Server Renewal",
"image": "http://www.digitalocean.com/favicon/android-icon-192x192.png",
"handler": function (response){
$("#payment_gateway_stargate_2").html(response.rarpay_payment_id);
var rpid = response.rarpay_payment_id;
window.location = '/receipt.php?billno=' + rpid;
},
"prefill": {
"name": "<?php echo $m9['fname']; ?> <?php echo $m9['lname']; ?>",
"email": "<?php echo $m9['email']; ?>",
"contact": "<?php echo $m9['phone']; ?>"
},
"notes": {
"shopping_id": "<?php echo encrypt_ssc($_SESSION['user_id'].'_'.rand(999,9999)); ?>"
},
"theme": {
"color": "#F37254"
}
};
var rp6 = new Rarpay(options);
document.getElementById('rp-button6').onclick = function(e){
rp6.open();
e.preventDefault();
}
</script>  

Answer 1

从输入中获取值，然后将其分配给options对象。

请注意，在这个例子中没有"防御代码"。(意味着在依赖于获取其值之前检查re_valve元素是否存在，在设置options.amount之前检查options对象是否存在，等等)

document.getElementById('rp-button6').onclick = function(e) {
// get the value of the re_valve input
var amount = document.getElementById('re_valve').value;
// assign the value to the "amount" property of "options" object
options.amount = amount;
// note that the below would also work:
// options['amount'] = amount;
rp6.open();
e.preventDefault();
}

Answer 2

这将取决于Rarpay()对options做了什么-如果它仍然引用原始文件，那么；

document.getElementById('rp-button6').onclick = function(e){
options.amount = document.getElementById('re_valve').value ;
rp6.open();
e.preventDefault();
}

否则(或在任何一种情况下)

document.getElementById('rp-button6').onclick = function(e){
options.amount = document.getElementById('re_valve').value ;
rp6 = new Rarpay(options);
rp6.open();
e.preventDefault();
}

(假设创建一个新的Rarpay是可以的)

Answer 3

document.getElementById('rp-button6').onclick = function(e) {
e.preventDefault();
options.value = document.getElementById('re_valve').value;
rp6.open();
}