How to assemble a multiple-value type="text" one?

There are several text inputo. Need of them to gather in one. That is, to the user when injected into type="text" in the right type="hidden" is also gaining.

Poke such sloppy code. Help please to finish, so it was added after the new changes, and edited old added
https://jsfiddle.net/ysagz2og/3/
July 8th 19 at 12:07
2 answers
July 8th 19 at 12:10
Solution
THANK you very much! And I already did so after the first water is given the readonly attribute to input. Thanks again that saved me from the crutches! - carleton commented on July 8th 19 at 12:13
v.length ? val.push(v) : "; if not difficult, please tell me, what makes this string? - carleton commented on July 8th 19 at 12:16
: This is a shorthand if else - Baylee43 commented on July 8th 19 at 12:19
: If the field is empty then nothing is added to avoid unnecessary comma at the end - Baylee43 commented on July 8th 19 at 12:22
: Thanks! - carleton commented on July 8th 19 at 12:25
July 8th 19 at 12:12
Take this with Angular would be easier!
With him nothing at all. Didn't get to it(
Updated link to new version. Can watch again, please? - carleton commented on July 8th 19 at 12:15

Find more questions by tags AJAXJavaScriptjQuery