Doppelte Formularfeldeingaben

Question

Ich versuche, einen Formulareingabeeintrag zu duplizieren. Ist es möglich, ein spezifisches Ein- und Ausgabefeld mit ID oder Klasse mit Javascript anzugeben?

In diesem Beispiel versuche ich, den Eintrag aus id1 und haben es Ausgang zu uniqueid zu duplizieren. Alle Felder sind jedoch betroffen. Wie gebe ich die ID an?

<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

Ich denke, Ihre Drähte sind ein bisschen hier gekreuzt. Sie können ein Element anhand seiner ID mithilfe des Selektors auswählen.

Lassen Sie uns dies machen ein bisschen mehr lesbar durch Aussondern:

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>

Wie d4nyll in den Kommentaren erwähnt unten, wenn Sie einfach die uniqueid Feld jederzeit id1 Änderungen aktualisieren möchten , dann sollten Sie stattdessen Ihre .mousemove() zu .keyup() ändern.