使用jquery $ .post发布部分表单

时间:2013-05-18 10:07:13

标签: javascript jquery forms

我试图使用jquery

发布一个表格,它是更大表单的一部分
<table>
<tr>
<td><input name=name[] value='sam' type='hidden' />Sam</td>
<td><input name=age[] value='16' type='hidden' />16</td>
</tr>

<tr>
<td><input name=name[] value='jesse' type='hidden' />Jesse</td>
<td><input name=age[] value='15' type='hidden' />15</td>
</tr>

</table>

我试图使用jquery发布此表

$('#Sx_apply').click(function(){
    var vals={};
    $('table').find('input[type="hidden"]').each(function(){vals.push($(this).val());})
    $('<div>').load($(this).data('apply'),vals);
});

但我的问题是如何使用输入值按下key = input name。

我试过vals[$(this).attr('name')] = $(this).val();,但由于所有tr都有相同的名字(数组帖子),所以他们互相覆盖。

1 个答案:

答案 0 :(得分:5)

试试这个 -

$('#Sx_apply').click(function(){
    var vals = $('table :input').serialize();
    $('<div>').load($(this).data('apply'),vals);
});