Как правильно передать значения input из одного блока в другой?

Question

[zwezew]

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

Comments

[0xD34F]

выходит очень громоздко

Значит, делаете что-то неправильно. Показали бы своё "громоздко".

Answer 1

[Anton fon Faust]

jsfiddle.net/anton4ept/7u0vtx3s
как вариант

Answer 2

[Dies Irae]

Можно прописать класс block1 для всех элементов блока и перебором по ним записывать значения в блок 2:

for (var key in document.getElementsByClassName("block1")) {
                    document.getElementsByClassName("block2"))[key].value = document.getElementsByClassName("block1"))[key].value;
            }

Comments

[Dies Irae]

Кстати, у меня откуда-то вылезли пустые классы, так что пришлось ставить проверку:

for (var key in document.getElementsByClassName("block1")) {
            if (!isNaN(parseInt(document.getElementsByClassName("block1")[key].innerText))) {
                //code
            };
        };