从输入Javascript在脚本中添加属性_Javascript_Paypal

从输入Javascript在脚本中添加属性

javascript paypal

从输入Javascript在脚本中添加属性,javascript,paypal,Javascript,Paypal,在我的一个网页，我需要添加贝宝支付按钮，其中的价值必须输入输入我使用此脚本添加PayPal按钮： <script async="async" src="https://www.paypalobjects.com/js/external/paypal-button.min.js?merchant=email@adress.com" data-button="paynow" data-amount="5" data-currency="U

在我的一个网页，我需要添加贝宝支付按钮，其中的价值必须输入输入

我使用此脚本添加PayPal按钮：

 <script 
async="async" src="https://www.paypalobjects.com/js/external/paypal-button.min.js?merchant=email@adress.com" 
        data-button="paynow"
        data-amount="5"
        data-currency="USD">
</script>

现在我必须通过用户的输入每次更改“数据量”的值。我尝试使用onkeyup和setAttribute，但两者似乎都不起作用。请建议我应该做什么或者我在哪里出错

<!DOCTYPE html>
    <html>
    <script>
    function showMe(e) {
    var x=e.value;
    document.getElementsById("paypal").setAttribute("data-amount", "x");
    }
    </script>

    <body>
    Amount: <input type="number" name="amount" id="amount" onkeyup="showMe(this)" required>

  <script id="paypal"
    async="async" src="https://www.paypalobjects.com/js/external/paypal-button.min.js?merchant=payPalmerchantId" 
        data-button="paynow" 
        data-currency="USD">
</script>
<br><br><br>
<p>You will be redirected to Payment Gateway..</p>
</body>
</html>


函数showMe（e）{
var x=e.值；
document.getElementsById（“paypal”）.setAttribute（“数据量”、“x”）；
}
数量：




您将被重定向到支付网关

试试这个

     function showMe(e) {
          var x=e.value;

            $("#paypal").attr("data-amount", x);

         }

或者在jquery中执行所有操作

      $("#amount").on('input', function() {
 $("#paypal").attr("data-amount", $("#amount").val());
    });

我不熟悉PayPal脚本，但正如我所知，这种类型的嵌入集属性和初始化步骤中的任何其他功能

因此，您必须重新加载脚本

您还可以在PayPal提供的API的帮助下搜索更改属性的功能

更新：

我刚刚尝试将您的代码插入我的本地页面…

您的脚本搜索id为“paypal”的元素，但如果在加载页面后查看代码，您甚至不会看到引用paypal js文件的“script”标记。您将看到一个表单。尝试在此处搜索“脚本”单词，您将找不到该标记。至少这就是脚本无法工作的原因。

还需要再次设置src属性，以便加载一次脚本again@DineshKumarDJ如何再次设置Src。。。？我对JS不太了解，请建议：（@TobiMcNAmobi你做得怎么样？请建议我修改。我对JavaScript不太熟悉。我尝试添加jquery 1.11.2和第二个代码…但仍然不起作用：(