将 PayPal 按钮金额输入值更改为用户的选择答案

【问题标题】：Change PayPal button amount input value to user's selection将 PayPal 按钮金额输入值更改为用户的选择
【发布时间】：2014-09-22 04:01:23
【问题描述】：

我见过一个这样做的例子，但每次我尝试访问这些值时都会得到“未定义”。我希望用户能够输入一个金额，然后在输入值内设置该金额。 HTML 如下所示：

echo '<div class="article">
    <input size="1" class="quantity" value="1"/>
    <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
    <input type="hidden" name="cmd" value="_xclick">
    <input type="hidden" name="business" value="myemail...">
    <input type="hidden" name="item_name" value="'.$item.'">
    <input type="hidden" name="quantity" value="1">
    <input type="hidden" name="amount" value="'.$price.'">
    //so on...
    </form>
</div>';

页面上有几个项目，每个项目都在div 类文章中。使用 jQuery，我正在尝试这样做：

$(document).ready(function () {
    $(".quantity").change(function() {
        alert($(this).siblings('form input[name="item_name"]').val());
        //$(this).siblings('form input[name="quantity"]').val($(this).val());
    });
});

我不断收到“未定义”...当我测试文章 div 中的另一个输入字段时，我可以得到 val() 并更改它。我在这里做错了什么？

解决方案：

This Post 帮了我...不得不摆脱 JS，取消隐藏输入，让用户填写表格。

【问题讨论】：

标签： javascript php jquery html paypal

【解决方案1】：

为什么没有js就不能简单聪明呢？只需从数量输入字段中删除 hidden 类型并将其更改为 text

echo '<div class="article">
        <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
            <input type="hidden" name="cmd" value="_xclick">
            <input type="hidden" name="business" value="myemail...">
            <input type="hidden" name="item_name" value="'.$item.'">
            <input name="quantity" class="quantity" value="1">
            <input type="hidden" name="amount" value="'.$price.'">

            //so on...
        </form>
     </div>';

【讨论】：

是的，我在看到示例后意识到这一点。有一阵子我放不下 JS，觉得这是唯一的办法。

【解决方案2】：

I have crafted a fiddle for you below just click this link.

<div class="article">
    <input size="1" class="quantity" value="1" />
    <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
        <input type="hidden" name="cmd" value="_xclick" />
        <input type="hidden" name="business" value="myemail..." />
        <input type="hidden" name="item_name" value="'.$item.'" />
        <input type="hidden" name="quantity" value="1" />
        <input type="hidden" name="amount" value="'.$price.'" />
    </form>
</div>

$(document).ready(function () {
    $(".quantity").change(function() {
        console.log($(this).next().find("input[name='item_name']").val());
        //$(this).siblings('form input[name="quantity"]').val($(this).val());
    });
});

【讨论】：