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部分有腳本標記