Предположим, что запись сделана в текстовом поле. Возможно ли сохранить тот же введенный текст во втором текстовом поле? Если да, то как это делается?
<html>
<label>First</label><input type="text" name="n1" id="n1">
<label>Second</label><input type="text" name="n1" id="n1"/>
</html>
Спасибо.
<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"/>
Более эффективно это можно сделать так: Для тех, кто увидит сообщение, теперь должны использовать лучшие практики 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"/>
<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>
Ну, у вас есть два текстовых поля с одинаковым идентификатором. Идентификатор должен быть уникальным, поэтому вы должны изменить его.
Чтобы установить значение из одного текстового поля в другое, достаточно простого вызова getElementById():
document.getElementById("n1").value= document.getElementById("n2").value;
(при условии, конечно, вы даете вашему текстовому полю secodn идентификатор n2)
Свяжите это нажатием кнопки, чтобы заставить его работать.
Это сработало для меня, и он не использует 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>
Использовать событие "oninput". Это дает более надежное поведение. Он также запускает функцию копирования при копировании пасты.