将文本框值与javascript合并

merge textbox values with javascript

本文关键字：javascript 合并 文本      更新时间：2023-09-26

我在html中有5个文本框。我想合并它们的值。他们都有一个名字。我该怎么做呢?

<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">

获取数组的值，并将其连接起来

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-">

如果您想通过输入的name属性进行选择，则使用getElementsByName:

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