Вопросы Теги

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

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

<html>
      <label>First</label>
      <input type="text" name="n1" id="n1">
      <label>Second</label>
      <input type="text" name="n1" id="n1"/>
</html>
13
задан Udhav Sarvaiya 7 March 2019 в 07:39
поделиться

3 ответа

<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"/>
34
ответ дан 1 December 2019 в 17:45
поделиться 
<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>
3
ответ дан 1 December 2019 в 17:45
поделиться

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

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

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

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

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

2
ответ дан 1 December 2019 в 17:45
поделиться
Другие вопросы по тегам:

Похожие вопросы: