javascript - 使用 jquery $.post 发布表单的一部分

标签 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 都具有相同的名称(数组后),因此它们会覆盖每个其他。

最佳答案

试试这个 -

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

关于javascript - 使用 jquery $.post 发布表单的一部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16623032/

相关文章:

javascript - 如何使用 Node.js 在 Heroku 中绑定(bind)端口

jquery滑动内容

PHP isset 和 javascript

Javascript 类型错误 : undefined is not a function when initializing an instance

javascript - 将参数从服务器对象传递到 JavaScript 的最佳方式

javascript - 将跨度转换为输入

javascript - JQueryUI 对话框窗口不在我的 DIV 内,位于正文下方。如何保留在我的 div 中?

forms - 如何在 MVC Razor 表单中显示计算字段?

php - 从单选按钮内部检索查询结果

javascript - 在 mouseenter 上旋转 div 元素并在 mouseleave 上停止旋转