2012-04-01 87 views
0

我有一種形式這一領域的變化值:jQuery的 - 輸入

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

和這個領域的另一種形式:

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

我該怎麼辦,所以每當值#promoCode被改變了,它也會改變值.promo

currenlty,我有這個:

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

但這並不奏效。

+0

是你的代碼包裝在一個DOM準備回調? – FreeCandies 2012-04-01 13:46:31

+0

或許''echo'應該是'.promo'或'input [name =「custom」]''。 – Engineer 2012-04-01 13:46:49

+0

@工程師。你在哪看到'#echo'? – gdoron 2012-04-01 13:51:54

回答

3
$(function(){ 
    $("#promoCode").change(function(){ 
     $('.promo').val(this.value);  
    }); 
}); 
  • 確保DOM準備就緒時,您將您的回調來改變事件
  • this內的回調是事件附屬的元素。
  • 如果您緩存#promoCode值以外的更改回調,它將在第一次更改後不同步!就像我一樣,在回調中使用this.value