JavaScript AutoFill - Formular

Question

Ich möchte eine Formularbasis HTML-Seite starten.

Mein Ziel ist es, den zweiten Posteingang Autofill basierend auf der Benutzereingabe für die erste Eingabe zu haben. Ich habe Guides angeschaut und das ist das Skript, das ich geschrieben habe, aber es funktioniert nicht. Ich habe daran gearbeitet, was falsch ist.

\t <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
\t <script type="text/javascript"> 
 
\t $("#Dnumber").keyup(function(){ 
 
    update(); 
 
\t }); 
 

 
\t function update() { 
 
\t $("#Dnumber1").val($('#Dnumber').val()); 
 
\t } 
 
\t </script>

<div class="input1"> 
 
District Number: &nbsp; <input type="number" id="Dnumber" name="Dnumber"/> <br> 
 
</div> 
 

 
<div class="input1"> 
 
District Number: &nbsp; <input type="number" id="Dnumber1" name="Dnumber1"/> <br> 
 
</div>

Answer 1

Benutzer kann #Dnumber.value mit Pfeilen ändern, verwenden input Ereignis.

<div class="input1"> 
 
    District Number: &nbsp; <input type="number" id="Dnumber" name="Dnumber" /> <br> 
 
</div> 
 

 
<div class="input1"> 
 
    District Number: &nbsp; <input type="number" id="Dnumber1" name="Dnumber1" /> <br> 
 
</div> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> 
 
</script> 
 
<script type="text/javascript"> 
 
    var dn = $("#Dnumber"), 
 
    dn1 = $("#Dnumber1"); 
 
    dn.on("input", function() { 
 
    update(); 
 
    }); 
 

 
    function update() { 
 
    dn1.val(dn.val()); 
 
    } 
 
</script>

Answer 2

Sie haben Script-Tags im js Teil des Snippets

$("#Dnumber").keyup(function() { 
 
    update(); 
 
}); 
 

 
function update() { 
 
    $("#Dnumber1").val($('#Dnumber').val()); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="input1"> 
 
    District Number: &nbsp; <input type="number" id="Dnumber" name="Dnumber" /> <br> 
 
</div> 
 

 
<div class="input1"> 
 
    District Number: &nbsp; <input type="number" id="Dnumber1" name="Dnumber1" /> <br> 
 
</div>