JavaScript自动填充 - 表格

Question

我想启动一个基于HTML的页面。

我的目标是让第二个收件箱根据第一个输入的用户输入自动填充。我看过指南，这是我写的脚本，但它不起作用。我正在工作有什么问题。

\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

用户可以更改#Dnumber.value使用箭头，使用input事件。

<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

您在片段

$("#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>

的JS部分有脚本标记