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

Question

我试图使用 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);
});

而且没有运气。

提前致谢！

score 0 · Accepted Answer

要更改input的值，您必须使用$.val()而不是$.html()。

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

score 0 · Accepted Answer

试试这个：

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

顺便说一句，当您有 ID 时，无需向选择器添加任何其他内容，因为无论如何 ID 都应该是唯一的......

score 0 · Accepted Answer

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

文档摘录：
“将事件处理程序绑定到“更改”JavaScript 事件，或在元素上触发该事件”

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

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

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

或者，jQuery.change()在字段离开焦点之前，不会主动更新。看到这个 jfiddle

score 0 · Accepted Answer

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

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

4 回答 4