Question

我有两个同名control_text的文本框，但它们的值不同。我想使用jQuery将所有文本框值存储在数组中。

HTML

<input type="text" name="control_text" placeholder="Text Label Image" class="required" id="control_text" value="firstvalue" />
<input type="text" name="control_text" placeholder="Text Label Image" class="required" id="control_text" value="secondvalue" />

的JavaScript

var test_arr = $("input[name='control_text']");
$.each(test_arr, function(i, item) {
    // i = index, item = element in array
    alert($(item).val());
});

上面的代码分别显示了文本框的值。我不想单独提醒这些值，我想用逗号分隔符同时提醒两者 (firstvalue, secondvalue)。任何帮助表示赞赏。

Answer 1

使用map()方法：

var arr = $("input[name='control_text']").map(function() {
    return this.value;
}).get();

一个侧面注释：单个页面中的元素应具有唯一 ID，因此请检查您的标记的有效性。

Answer 2

var newArray = [];
$( "input[name='control_text']" ).each(function() {
    newArray.push($( this ).val());
});
console.log(newArray);

你也可以使用.each函数来实现它。

如何使用jquery在数组中存储文本框值？

2 个答案: