Replace hidden value in a form with javascript variable

Question

I'm working with Google Checkout and am creating a simple Buy Now button. The button will be on many pages and have many values for the form.

What I'm looking to do is to use Javascript, to get a value on a text_field, and replace a hidden field value.

To get the value, I have this code:

$('#payment_quantity input').keyup(function() {
    var quantity = $('#payment_quantity input').val();
    return false;
});

Then, in the form from google, I have this:

<input type="hidden" name="item_quantity_1" value="1"/>

What I need to be able to do, is replace the value on this hidden input, with my quantity variable. I know this is probably really easy, but I'm amazingly confused at how to do this. I should have to select the hidden field, but I don't know how to update the value?

Dan Short · Accepted Answer · 2011-09-16 21:20:42Z

3

Here ya go:

$('input[name="item_quantity_1"]').val(quantity);

answered Sep 16, 2011 at 21:20

Dan Short

9,6162 gold badges31 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

jfriend00 · Accepted Answer · 2011-09-16 21:21:56Z

2

You just have to construct a jQuery selector to get that field and then use the .val(xxx) method to set its value.

jQuery loves to overload the same method for different behaviors based on what you pass as arguments. In the case of .val(), if you pass no arguments, it retrieves the field value. If you pass an argument like .val(quantity), it sets that value into the field like this:

$('#payment_quantity input').keyup(function() {
    var quantity = $('#payment_quantity input').val();
    $("input[name='item_quantity_1']").val(quantity);
    return false;
});

answered Sep 16, 2011 at 21:21

jfriend00

711k104 gold badges1.1k silver badges1k bronze badges

Collectives™ on Stack Overflow

Replace hidden value in a form with javascript variable

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related