jQuery - 将输入字段传递给隐藏的输入值

时间:2013-05-01 19:33:12

标签: jquery input field

我试图使用jQuery .change函数来获取输入字段值:

    <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);
});

没有运气。

提前致谢!

4 个答案:

答案 0 :(得分:0)

要更改输入的值,您必须使用 $。val()而不是 $。html()

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

答案 1 :(得分:0)

试试这个:

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

顺便说一下,当你有一个ID时,不需要向你的选择器添加任何其他内容,因为ID应该是唯一的......

答案 2 :(得分:0)

`jQuery.change()方法不能“获取输入字段值”。

文件摘录:
“将事件处理程序绑定到”更改“JavaScript事件,或在元素”

上触发该事件

使用jQuery.val()。 这里有几个选项...

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

请参阅this working fiddle

这种方法的唯一缺点是,在键为“UP”之前它不会主动更新,所以如果你按住 H ,那么第二个框就不会更新直到你把钥匙放好。

或者,jQuery.change()在字段离开焦点之前不会主动更新。 see this jfiddle

答案 3 :(得分:0)

你只需要使用 .val()而不是 .html()

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

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