将输入标签值传输到 JavaScript 函数

Question

我创建了一个变量来携带发送到结帐页面的金额的值。结帐体验似乎无法识别变量。

 <input type="number" id="challenge_stake" name="stake"  required = "true" />     
<button type="button"  data-toggle="modal" data-target="#myModal2" onclick="myFunction();">Pay Now</button> 
 ...  
         <div id="paypal-button-container">

         </div>

         <input name="forPaypal" type="number" value="0" id="forPaypal">           

<script>
    var x = parseFloat(document.getElementById('forPaypal').value);     
    paypal.Buttons({
        // Set up the transaction
        createOrder: function(data, actions) {
            return actions.order.create({
                purchase_units: [{
                    amount: {
                        value: x
                    }
                }]
            });
        }).render('#paypal-button-container');
</script>

<script> function myFunction() {
            var amount = 
parseFloat(document.getElementById('challenge_stake').value);         
document.getElementById('forPaypal').value = amount;
    }

</script>

Answer 1

根据您的代码，x 的值将始终为0。将您的 createOrder 函数更改为以下：

createOrder: function(data, actions) {
   return actions.order.create({
       purchase_units: [{
           amount: {
               value: parseFloat(document.getElementById('forPaypal').value)
           }
       }]
   }
}