Jquery - 按类别序列化DIV中的表单字段？

Question

是否可以通过使用分配给两个div的类来获取表单字段数据并将其序列化？

我有4个包含表单字段的div,一次只显示两个DIV.显示的内容取决于下拉选项.

• 如果select = 1,classOne显示类的div和classTwo隐藏的div

• 如果select = 2,classTwo显示类的div和classOne隐藏的div

当我提交表单,我想序列或者与这两个div的classOne,或者classTwo,这取决于在下拉列表中选择.

到目前为止,我不能让它从divs序列化表单日期..

data: $('.classOne').serializeArray(),

这不会将任何数据传递给我的后端脚本.

Answer 1

您需要在这些元素中定位表单控件.您可以使用伪选择器:input来涵盖各种控件标签和类型

data: $('.classOne :input').serializeArray()

DEMO

另一种常见的方法是使用<fieldset>标签并禁用不活动的标签.禁用字段集会禁用其中的任何表单控件,以便您可以有效地使用serialize()整个表单,因为它不包括禁用的控件