JQuery - 读取表单值数组并显示它？答案

【问题标题】：JQuery - Reading an array of form values and displaying it?JQuery - 读取表单值数组并显示它？
【发布时间】：2012-04-15 23:28:09
【问题描述】：

我有一个表单，我在表单中通过 JQuery 动态附加隐藏值，这些隐藏值如下所示：

<input type="hidden" name="times[]" value="{'time': '5:00pm','date': 'april 15th'}" />
<input type="hidden" name="times[]" value="{'time': '6:00pm','date': 'april 16th'}" />
<input type="hidden" name="times[]" value="{'time': '7:00pm','date': 'april 17th'}" />

如何使用 JQuery 遍历 times[] 数组并输出每个值，以便人们可以在提交表单之前查看他们在表单中添加的所有值？

【问题讨论】：

标签： jquery arrays hidden-field

【解决方案1】：

$('input[name="times[]"]').each(function(){
    console.log($(this).val()); // Or anything you like.
});

或者您可以使用数组将所有获取的值推送到其中。您将如何处理这些值完全取决于您。

var values = [];
$('input[name="times[]"]').each(function(){
    values.push($(this).val());
});

【讨论】：

【解决方案2】：

首先，您需要为每个隐藏字段指定唯一的名称。我建议 times[0]、times[1] 等...

要遍历它们，还要给它们所有相同的类，并使用它们。

for (var i = 5; i > 0; i--) {
    $('<input type="hidden" name="times[' + i + ']" class="times" value="{your array values here}" />').appendto('.myform');
}

然后在设置好值之后：

var times = '';
$('.times').each(function() {
    times = times + $(this).val() + '<br />';
});
$('.values').html(times);

其中 values 是用于显示值的容器。

【讨论】：