将一个文本框的内容复制到另一个

Hul*_*ulk 13 html javascript

假设在文本框中输入了一个条目.是否可以在第二个文本框中保留相同的输入文本?如果是这样,这是怎么做到的?

<html>
      <label>First</label>
      <input type="text" name="n1" id="n1">
      <label>Second</label>
      <input type="text" name="n1" id="n1"/>
</html>
Run Code Online (Sandbox Code Playgroud)

谢谢.

Ama*_*osh 34

<script>
function sync()
{
  var n1 = document.getElementById('n1');
  var n2 = document.getElementById('n2');
  n2.value = n1.value;
}
</script>
<input type="text" name="n1" id="n1" onkeyup="sync()">
<input type="text" name="n2" id="n2"/>
Run Code Online (Sandbox Code Playgroud)


Ran*_*ngh 7

效率更高,可以做到:对于现在看帖子的人应该使用javascript的最佳实践.

<script>
function sync(textbox)
{
  document.getElementById('n2').value = textbox.value;
}
</script>
<input type="text" name="n1" id="n1" onkeyup="sync(this)">
<input type="text" name="n2" id="n2"/>
Run Code Online (Sandbox Code Playgroud)