2013-05-01 116 views
0

我試着使用jQuery的.change函數來獲得一個輸入字段值:jQuery的 - 通過輸入字段隱藏輸入值

<input type="text" name="qty2" id="qty2" maxlength="12" title="QtyField" class="input-text qty2"> 

將其應用到另一個字段的值

<input type="text" name="qty" id="qty" maxlength="12" value="" title="Qty" class="input-text qty"> 

到目前爲止我使用過:

 $("#qty2.input-text.qty2").keyup(function(){ 
    value = $("#qty2.input-text.qty2").val(); 
    $("#qty.input-text.qty").html(value); 
}); 

而且沒有運氣。

在此先感謝!

回答

0

`jQuery.change()方法不能「獲取輸入字段值」。從文檔

摘錄:
「事件綁定一個處理程序,以‘變’JavaScript事件,或者觸發元素上的事件」

使用jQuery.val()。 這裏有幾個選項...

$('#qty2').bind("keyup", function() { 
    var val = $(this).val(); 
    $('#qty').val(val); 
}); 

this working fiddle

用這種方法唯一的缺點是,它不會主動更新,直到關鍵是「向上」所以,如果你持有H下來,然後第二個盒子將不會更新,直到你讓鑰匙起來。

或者,jQuery.change()不會主動更新,直到該字段離開焦點。 see this jfiddle

+0

由於得到它的工作! Jsfiddle幫了很多! – Gerardo 2013-05-01 19:49:05

0

要改變一個輸入的價值,你必須使用的$ html的()$ .VAL()代替。

$('#qty2').change(function(){ 
    $('#qty').val($(this).val()); 
}); 
0

就試試這個:

$("#qty2").change(function(){ 
    value = $(this).val(); 
    $("#qty").val(value); 
}); 

順便說一句,當你有一個ID沒有必要什麼都添加到您的選擇,因爲ID被認爲是唯一反正...

0

你只需要使用.VAL()的代替的.html()

$("#qty2").keyup(function(){ 
    value = $("#qty2").val(); 
    $("#qty").val(value); 
    }); 

小提琴:http://jsfiddle.net/YER9b/