Question

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

<html>
      <label>First</label>
      <input type="text" name="n1" id="n1">
      <label>Second</label>
      <input type="text" name="n1" id="n1"/>
</html>

Answer 1

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

Answer 2

更有效率可以做到：对于现在看帖子的人应该使用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"/>

Answer 3

<html>
<script type="text/javascript">
function copy()
{
    var n1 = document.getElementById("n1");
    var n2 = document.getElementById("n2");
    n2.value = n1.value;
}
</script>
<label>First</label><input type="text" name="n1" id="n1">
<label>Second</label><input type="text" name="n2" id="n2"/>
<input type="button" value="copy" onClick="copy();" />
</html>

Answer 4

好吧，你有两个具有相同ID的文本框。 ID应该是唯一的，所以你应该改变它。

要将值从一个文本框设置为另一个文本框，只需调用getElementById()即可：

document.getElementById("n1").value=  document.getElementById("n2").value;

（假设，当然你给你的secodn文本框一个id为n2）

将其绑定到按钮单击以使其正常工作。

Answer 5

这对我有用，它不使用JavaScript：

<form name="theform" action="something" method="something" />
 <input type="text" name="input1" onkeypress="document.theform.input2.value = this.value" />
 <input type="text" name="input2" />
</form>

I found the code here

Answer 6

使用事件＆＃34; oninput＆＃34;。这提供了更健壮的行为。复制粘贴时也会触发复制功能。

Answer 7

您也可以这样使用一个文本框的副本内容到另一个文本框

function populateSecondTextBox() {
        document.getElementById('txtSecond').value = document.getElementById('txtFirst').value;
}

<label>Write Here :</label> 
<input type="text" id="txtFirst" onkeyup="populateSecondTextBox();" />
<br>
<label>Will be copied here :</label>
<input type="text" id="txtSecond" />

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

7 个答案: