Копирование содержимого одного текстового поля в другое

Предположим, что запись сделана в текстовом поле. Возможно ли сохранить тот же введенный текст во втором текстовом поле? Если да, то как это делается?

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

Спасибо.

Ответы

Ответ 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"/>

Ответ 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"/>

Ответ 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>

Ответ 4

Ну, у вас есть два текстовых поля с одинаковым идентификатором. Идентификатор должен быть уникальным, поэтому вы должны изменить его.

Чтобы установить значение из одного текстового поля в другое, достаточно простого вызова getElementById():

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

(при условии, конечно, вы даете вашему текстовому полю secodn идентификатор n2)

Свяжите это нажатием кнопки, чтобы заставить его работать.

Ответ 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>

Я нашел здесь код

Ответ 6

Использовать событие "oninput". Это дает более надежное поведение. Он также запускает функцию копирования при копировании пасты.