序列化表格

时间:2014-07-09 19:17:12

标签: javascript jquery

是否可以在单独的组中序列化表单?

<form id="form">
    <input class="nameF" type="text" name="fName" value="first name">
    <input class="nameF" type="text" name="lName" value="last name">
    <input class="address" type="text" name="addOne" value="home address">
    <input class="address" type="text" name="zip" value="zip code">
    <input class="address" type="text" name="country" value="country">
</form>

$('#form').serialize();

//this gives me the complete form serialized

但是我可以在包含类名的字段的小组中将其分解吗?

nameF : first+name&last+name这样的地址和地址相同,这是可行的吗?

3 个答案:

答案 0 :(得分:1)

你可以这样做:

console.log($('.nameF').serialize());
console.log($('.address').serialize());

如果您没有得到答案,请详细说明您的问题。

答案 1 :(得分:0)

<form id="form">
    <input class="nameF" type="text" name="fName" value="first name"/>
        <input class="nameF" type="text" name="lName" value="last name"/>
        <input class="address" type="text" name="address[addOne]" value="home address"/>
        <input class="address" type="text" name="address[zip]" value="zip code"/>
        <input class="address" type="text" name="address[country]" value="country"/>
</form>

fiddle

答案 2 :(得分:-2)

您可以使用 -

$('input .nameF').serialize();
$('input .address').serialize();

您可以使用 -

进行测试
alert(JSON.stringify($('input .nameF').serialize()));