使用javascript合并文本框值

Question

I have 5 textbox in html. I want to merge their values. All of them have one name. How can I do it?

<input type="text" name="textbox1">
<input type="text" name="textbox1">
<input type="text" name="textbox1">
<input type="text" name="textbox1">
<input type="text" name="textbox1">

Answer 1

If you want to select by the name attribute of your inputs, use getElementsByName like this:

var inputs = document.getElementsByName("textbox1");
var inputValues = "";
for(var index=0; index < inputs.length; index++) {
    inputValues += inputs[index].value;
}

Answer 2

Get the values as an array, and join it

var val = [].map.call( document.getElementsByName('textbox1'), (el) => el.value ).join('');

 var values = [].map.call( document.getElementsByName('textbox1'), (el) => el.value ).join(''); console.log(values)

 <input type="text" name="textbox1" value="a1-"> <input type="text" name="textbox1" value="a2-"> <input type="text" name="textbox1" value="a3-"> <input type="text" name="textbox1" value="a4-"> <input type="text" name="textbox1" value="a5-">