重複したフォームフィールド入力

Question

フォーム入力エントリを複製しようとしています。 JavascriptでIDまたはクラスを使用して特定の入出力フィールドを指定することは可能ですか？

この例では、私はID1からエントリを複製し、それをuniqueidのへの出力を持つようにしようとしています。ただし、すべてのフィールドが影響を受けます。 IDを指定するにはどうすればよいですか？

<form> 
<input type="text" id="id1" name="" value="" /> 
<input type="text" id="id2" name="" value="" /> 
<input type="text" id="uniqueid" value=""> 
</form> 

var $unique = $('input[type="text"]').mousemove(function(){ 
$unique.val(this.value); 
}); 

Answer 1

私はあなたのワイヤがここに交差少しだと思います。 #セレクタを使用してIDで要素を選択できます。

のは、それを分離することによって、このビット読みやすくしてみましょう：

var $id1 = $("#id1");   //Store id1 input 
 
var $unique = $("#uniqueid"); //Store uniqueid input 
 

 
$id1.mousemove(function() { //On mousemove event of id1 
 
    $unique.val($(this).val()); //Set unique's value to id1's value 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form> 
 
    <input type="text" id="id1" name="" value="" /> 
 
    <input type="text" id="id2" name="" value="" /> 
 
    <input type="text" id="uniqueid" value=""> 
 
</form>

あなたは、単に任意の時間にid1変化をuniqueidフィールドを更新する場合d4nyllは、以下のコメントで言及したよう.mousemove()を.keyup()に変更する必要があります。