Форум

Empty2112 · #1 (**permalink**) 30.05.2015, 14:20

ПРивет, попросили на работе сделать страничку одну, а в js не особо волоку, даже сказал бы никак не волоку. Но как начальству откажешь)

в общем дело в следующем

есть несколько полей

<input  pattern="[A-Z0-9]{17,}" id="tb" type="text" name="txt1" size="20" maxlength="17">
<input  pattern="[A-Z0-9]{17,}" id="tb" type="text" name="txt2" size="20" >

ввожу в них какойто текст
нажмимаю на кнопку и весь текст вставляется в другой блок

Код:

первая строка: (текст из первого input)
вторая строка: (текст из второго)

indeterm · #2 (**permalink**) 30.05.2015, 14:42

Проще всего так, наверное

<html>

<head>
</head>

<body>


<input id="i1">
<input id="i2">
<button onclick="block1.innerHTML=i1.value; block2.innerHTML=i2.value">push</button>
<div id="block1"></div>
<div id="block2"></div>

<script>



</script>
</body>
</html>

kostyanet · #3 (**permalink**) 31.05.2015, 19:51

Сообщение от Empty2112

есть несколько полей

Значит их надо собрать в массив, например задать какой-то класс или выпросить к родителя.

по классу

var inputs=document.querySelector('.classy');

у родителя (при условии что у него других нет детей):

var inputs=parent.children;

Затем итерации в функции на щелчке кнопки

block.textContent='';
for(var i=0,input;input=inputs[i];i++)
    block.textContent+=input.value;

Форум

Справочник

Discord чат

Курсы javascript