Как собрать значение нескольких type="text" в один?

Question

[Laid]

Есть несколько текстовых инпутов. Нужно их значения собрать в один. То есть, чтобы пользователь когда вводил в type="text", в нужном type="hidden" это тоже набиралось.

Понатыкал такой корявый код. Помогите пожалуйста доработать, чтобы он не добавлял новое после изменения, а редактировалось старое добавленное
https://jsfiddle.net/ysagz2og/3/

Answer 1

[AlexRas]

https://jsfiddle.net/ysagz2og/4/

Comments

[Laid]

СПАСИБО большое! А я уже делал так, чтобы после первого вода - присваивался атрибут readonly к инпуту. Спасибо ещё раз, что избавили меня от костыля!

[Laid]

v.length ? val.push(v) : ''; если не трудно, подскажите пожалуйста, что делает это строка?

[AlexRas]

stoik_kpd: Это сокращенный if else

[AlexRas]

stoik_kpd: Если поле пустое, то ничего не добавляем, чтобы не было лишней запятой в конце

[Laid]

AlexRas: Спасибо!

Answer 2

[Андрей]

Возмите Angular будет проще!

Comments

[Laid]

С ним совсем не знаком. Не добрался ещё(
Обновил ссылку на новую версию. Можете посмотреть ещё раз, пожалуйста?