JavaScript自动填充 - 表单

Question

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

我的目标是根据第一个输入的用户输入进行第二个收件箱自动填充。我看过导游，这是我写过的剧本，但它不起作用。我正在解决它的错误。

＆＃13;

＆＃13;

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

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 1

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

＆＃13;

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 2

您在代码段的js部分中有脚本标记

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