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

时间:2012-03-30 13:31:32

标签: jquery

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

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

3 个答案:

答案 0 :(得分:7)

试试这个js:

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

使用jQuery的on()绑定到事件要好得多,而且你不必先将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/

答案 1 :(得分:0)

您提供的代码似乎没有任何问题。

我已经使用JSFiddle

重新创建了它

http://jsfiddle.net/e9KFT/

我们可以获得更多信息吗? HTML标记的片段将是一个良好的开端!

答案 2 :(得分:0)

很简单。 只需写下这些代码。

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <input type="text" name="text1" id="text1" value="" /> <br >
    <input type="text" name="text2" id="text2" value="" />
<script>
    $(document).ready(function(){
        $('#text1').keyup(function(){
        $('#text2').val($(this).val());
      });
    });
</script>

您可以在此处查看https://jsfiddle.net/prasant200582/x7jzk0pg/5/