javascript - 使用文本字段更改表单隐藏字段

Question

我正在将 Jquery 与 Ruby on Rails (3.1) 一起使用，并且在通过 javascript 更新隐藏字段时遇到一些问题。

基本上我有一个文本字段，我正在尝试使用ajax来更新两个不同的表单隐藏字段(一种用于谷歌结账的表单，一种用于亚马逊付款的表单)。

我的 Javascript 看起来像这样:

$(function() {
  $('#payment_amount input').keyup(function() {
    var quantity = $('#payment_amount input').val();
    $("input[name='amount']").val("USD" + quantity);
    $("input[name='item_price_1']").val(quantity);
    return false;
  });
});

我暂时将其放在我的 application.js 文件中(尚未在我的 .js.coffee 中，需要查看 CoffeeScript )。

我认为这个 JavaScript 是正确的，因为我从输入字段中获取值，并且它应该使用名称“amount”和“item_price_1”更新输入字段。我想也许我的选择器是错误的，所以这是我的 html:

<input id="payment_amount" type="text" size="30" name="payment[amount]"> #textfield to change form hidden fiels

<form method="POST" action="https://checkout.google.com/api/checkout/v2/checkoutForm/Merchant/.... accept-charset="utf-8">
  <input type="hidden" name="item_price_1" value="20"/> #what I want to change
  ....
</form>

<form action="https://authorize.payments.amazon.com/pba/paypipeline" method="post">
<input type="hidden" name="amount" value="USD 20" > #also change this
</form>

这全部来自 new.html.erb 文件。我没有 new.js.erb 文件，我需要一个吗？

现在，这个 javascript 似乎没有做任何事情。

如有任何帮助，我们将不胜感激。

Answer 1

更改此行:

$('#payment_amount input').keyup(function() {
     var quantity = $('#payment_amount input').val();

对此:

$('#payment_amount').keyup(function() {
     var quantity = $(this).val();

您的 payment_amount 字段使用了错误的选择器。您可以see it working here .