jQuery - Changing value of input

Question

I have this field in one form:

<input type="text" name="promocode" id="promoCode" value="" style="width:24%" maxlength="5">

and this field in another form:

<input type="hidden" name="custom" class="promo" value="" />

How can I do, so whenever the value of #promoCode is changed, it will also change the value of .promo

Currenlty, I have this:

var promo = $("#promoCode").val();
$("#promoCode").change(function(){
    $('.promo').val(promo);    
});

But that doesn't work.

Probably #echo should be .promo or input[name="custom"]. — Engineer
– Engineer, Commented Apr 1, 2012 at 13:46

gdoron · Accepted Answer · 2012-04-01 13:55:23Z

3

$(function(){
    $("#promoCode").change(function(){
        $('.promo').val(this.value);    
    });
});

Make sure the DOM is ready when you attach your callback to the change event
this inside callback is the element the event attached to.
If you cache #promoCode value outside the change callback it will be out of sync right after the first change! use this.value inside the callback just like I did.

answered Apr 1, 2012 at 13:45

gdoron

151k59 gold badges302 silver badges376 bronze badges

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

1 Answer 1