Question

我有一个用户输入金额的表格。他们点击一个更新跨度和PayPal表单的按钮。

问题是，当我点击更新时，我什么也得不到。只有£.00所以没有价格。 HTML

<label>Reason for Payment</label>
<input type="text" id="reason" class="form-control"  placeholder="Reason">
     </div>
</div>
<div class="col-md-6">
     <div class="form-group">
          <label>Total Amount</label>
          <input type="text" id="value" class="form-control input-small" placeholder="Amount">
     </div>
</div>

<div class="ptotal">
    <span class="total">£ 20.00</span>
</div>
<div class="calculator-submodule">
<button class="btn theme-btn" id="update">Update Price</button>
<div class="calculator-total">
                        <form action="https://www.paypal.com/uk/cgi-bin/webscr" method="post">
  <input type="hidden" name="cmd" value="_cart">
  <input type="hidden" name="currency_code" value="GBP">
  <input type="hidden" name="upload" value="1">
  <input type="hidden" name="business" value="my@email.com">
  <input type="hidden" name="item_name_1" id="trip" value="Canterbury & Brighton">
  <input type="hidden" name="amount_1" id="value" value="150" >
  <input type="hidden" name="shipping_1" value="0">                
  <input type="submit" class="btn green" value="Buy Now">
  </form>

JS

 <script> 
           $('#update').click(function () {
                var price = $("#amount").text();
                total = $('.total'),
                value = $('#value'),
                reason = $('#reason')
                total.text("£ " + price + ".00");
                value.val(price);
                trip.val(reason);
            });
            </script>

Answer 1

您从不存在的元素中获得价格。

var price = $("#value").val();

这似乎是你正在寻找的东西。的 Live demo (click).

您似乎也错过了一些代码，因为trip未定义。

Answer 2

你可以尝试一下吗？假设你的表格中有$("#amount")，我发现你的表格只有一半。

 var price = $("#amount").val(); //instead of var price = $("#amount").text();
 var total = $('.total'),
 value = $('#value'),
 reason = $('#reason');

我找不到trip

的trip.val(reason);

从表单中获取值并插入span

2 个答案: