jQuery - 将所有表单输入值存储在隐藏输入中

Question

我正在尝试使用条件逻辑创建一个接口，允许网站管理员在网站的任何位置插入广告。 但在编码之前，我需要你的一些建议：）

表格通过jquery＆amp; amp;阿贾克斯。当按下“添加另一个广告”按钮时，将使用jQuery创建一个新表单。 我的问题是如何将所有表单输入值收集到一个隐藏的输入中，如下所示：

<input name="ad[]" type="hidden" value="homepage,after_article,4,visitors" />

我认为这个值对我来说更容易在PHP中处理。

Answer 1

您可以使用以下方法收集所有值：

var values = $('#yourformId :input').map(function() {
    return $(this).val();
}).toArray().join(',');

然后设置隐藏字段的值：

$('#ad').val(values);

你可以see it in action here。

Answer 2

你也可以这样做：

var values = $('#yourformId').serialize();
$('#ad').val(values);

jQuery's form.serialize function