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

【问题标题】：jQuery - passing input field to hidden input valuejQuery - 将输入字段传递给隐藏的输入值
【发布时间】：2013-05-01 19:33:12
【问题描述】：

我正在尝试使用 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);
});

没有运气。

提前致谢！

【问题讨论】：

【解决方案1】：

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

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

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

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

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

试试这个：

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

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

【讨论】：

【解决方案4】：

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

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

【讨论】：