jquery - 键入时将文本框内容复制到另一个文本框

Question

我编写 j 查询，将内容从一个文本框复制到另一个文本框。我不是我的代码中的 j 查询专家

    $(function() {
    $('input[id$=tb1]').keyup(function() {
        var txtClone = $(this).val();
        $('input[id$=txtCustName]').val(txtClone);
    });
});

Answer 1

试试这个js:

$('input[id$=tb1]').on('keyup',function() {
    $('input[id$=txtCustName]').val($(this).val());
});

使用 jQuery 的 on()绑定(bind)到事件要好得多，而且您不必先将 val 设置为变量...

编辑

如果您有如下 html，则上述代码会将内容克隆到以 txtCustName 结尾的任何字段中:

<input id="random_tb1"/>
<input id="text_txtCustName"/>
<input id="other_tb1"/>
<input id="stuff_txtCustName"/>

它不知道你想要哪一个，所以如果你让你的 html 看起来像这样:

<div>
    <input id="random_tb1"/>
    <input id="text_txtCustName"/>
</div>
<div>
    <input id="other_tb1"/>
    <input id="stuff_txtCustName"/>
</div>

你可以在html中将它们分开，并且只用这个JS更新相关字段:

$(function() {

    $('input[id$=tb1]').on('keyup',function() {
        $('input[id$=txtCustName]',$(this).parent()).val($(this).val());
    });

});​

这是一个演示:http://jsfiddle.net/JKirchartz/XN2qD/