入力中にテキストボックスの内容を別のテキストボックスにコピーする

Question

1つのテキストボックスから別のテキストボックスに内容をコピーするjクエリを作成しました。 これはJSしようと鉱山のコードで

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

Answer 1

を以下Jクエリの専門家ではないです：

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

がイベントにバインドするjQueryのon()を使用することは非常に優れている、とあなたは設定する必要はありません上記のコードは続きのクローンを作成します

最初の変数へのval ...

EDIT txtCustNameで終わる任意のフィールドにENTあなたは、HTMLのような持っている場合：

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

あなたがそれらを保つことができます。

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

をあなたはこのようなあなたのhtml何かを作るのであれば、それは、あなたが望む1ないアイデアを持っていませんHTMLに分離し、これだけで、関連するフィールドを更新JS：

$(function() { 

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

});​ 

は、ここにデモです：http://jsfiddle.net/JKirchartz/XN2qD/

Answer 2

あなたが提供したコードに間違いはないようです。

アイブ氏はJSFiddle

http://jsfiddle.net/e9KFT/

を使用して、それを再現し、我々はより多くの情報を持ってもらえますか？ HTMLマークアップのスニペットが良いスタートになるでしょう！

Answer 3

シンプルです。 これらのコードを書きます。

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