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

Question

我有一个表单，在表单中我通过 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[] 数组并输出每个值，以便人们可以在提交表单之前看到他们在表单中添加的所有值？

Answer 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());
});

Answer 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 是用于显示值的容器。