Zwei Eingaben mit demselben Datenwert machen?

Question

Ich habe zwei Eingänge (Nummer).

Wie kann ich Daten von der ersten zur zweiten und zurück duplizieren?

Zum Beispiel setze ich einen Wert in der ersten Eingabe und in der zweiten Eingabe bekomme ich den gleichen Wert und wenn ich denselben Wert in der zweiten Eingabe setze, möchte ich den gleichen Wert in der ersten Eingabe bekommen.

ich denke, es etwas wie die

<div class="first"> 
    <input type="text" id="email"> 
</div> 
<div class="second"> 
    <input type="text" id="name"> 
</div> 
<div id="slider"></div> 

<script> 
$('#email').change(function(){ 
    $(this).val($('#name').val()); 
}); 
('#name').change(function(){ 
    $(this).val($('#email').val()); 
});  
$('#slider').slider(); 
</script> 

https://jsfiddle.net/Frunky/hzh9zwfo/4/

sein muss, wenn ich versuche, smth in Schiebern zu setzen() Funktion ich Fehler in der Konsole (Slider-Funktion nicht vorhanden)

Danke.

Answer 1

Sie es fast hatte ...

Versuchen Sie folgendes:

$('#email').keyup(function(){ 
 
    $('#name').val($(this).val()); // <-- reverse your selectors here 
 
}); 
 
$('#name').keyup(function(){ 
 
    $('#email').val($(this).val()); // <-- and here 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="first"> 
 
    <input type="text" id="email"> 
 
</div> 
 
<div class="second"> 
 
    <input type="text" id="name"> 
 
</div>

Answer 2

Aufbauend auf @technophobia ‚s Antwort, wenn man sie live aktualisieren möchten, versuchen Sie dies:

$('#email').keyup(function(){ 
    $('#name').val($(this).val()); 
}); 
$('#name').keyup(function(){ 
    $('#email').val($(this).val()); 
});