Question

我想动态更改数据量的值。当我在文本框中输入金额时，该金额应分配给参数'data-amount'

我的剧本：

<script async="async" src="js/paypal-button.min.js?merchant=email@hmail.com"
                    data-button="button"  data-quantity="1" data-amount="50.00"
                  data-shipping="0" data-tax="0">
                </script>

Answer 1

考虑以下js和html片段，其中按钮值随文本框中值的变化而变化

<html>

<script> 

 function myFunction(){
  document.getElementById("btn").value=document.getElementById('txt').value;
 }
</script>
 <input type="button" value="" id='btn'/>
 <input type="text" id='txt' onkeydown="myFunction()">

</html>

Answer 2

您只能更改脚本生成的表单中的name="amount"值。

当您放置脚本

时

<script async="async" src="js/paypal-button.min.js?merchant=email@hmail.com"
                    data-button="button"  data-quantity="1" data-amount="50.00"
                  data-shipping="0" data-tax="0">
                </script>

它在页面中创建一个表单

    <form method="post" action="https://www.paypal.com/cgi-bin/webscr" class="paypal-button" target="_top">
  <div class="hide" id="errorBox"></div>
  <input type="hidden" name="tax" value="0">
  <input type="hidden" name="shipping" value="0">
  <input type="hidden" name="amount" value="50.00">
  <input type="hidden" name="quantity" value="1">
  <input type="hidden" name="button" value="button">
  <input type="hidden" name="cmd" value="_xclick">
  <input type="hidden" name="business" value="email@hmail.com">
  <input type="hidden" name="bn" value="JavaScriptButton_button">
  <input type="hidden" name="env" value="www">
  <button type="submit" class="paypal-button large">undefined</button>
</form>

当您在文本框中输入金额时，仅更改表单值

示例：

$(function() { $('#pay_amount').on('keyup', function() { $('.paypal-button').find('[name="amount"]').val($(this).val()); }); });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script async="async" src="https://www.paypalobjects.com/js/external/paypal-button.min.js?merchant=email@hmail.com" data-button="button" data-quantity="1" data-amount="50.00" data-shipping="0" data-tax="0"> </script> <input type="text" id="pay_amount" />

Answer 3

试试这个 - 根据您的文本字段类更改'inputText。

$(".inputText").blur(function(){
    $("html").find("script").attr("data-amount",$(this).val());
});

如何将值传递给脚本中的参数

3 个答案: