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

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()绑定到事件要好得多,而且你不必先将val设置为变量......

编辑

上面的代码将克隆内容到任何结束的字段,txtCustName如果你有像这样的html:

<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/