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

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 函数来实现它。