JQuery – 读取一个表单值数组并显示它?

我有一个表单,并在表单中我通过JQuery动态追加隐藏值,这些隐藏的值如下所示:

   

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

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

或者您可以使用数组来推送其中的所有提取值。 你对这些价值观做什么完全取决于你。

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

首先,您需要为每个隐藏字段设置唯一的名称。 我建议时间[0],时间[1]等…

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

 for (var i = 5; i > 0; i--) { $('').appendto('.myform'); } 

然后在设置值后:

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

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