Jquery 发送多个序列化表单
我有一个问题,我有一个有几个表单的字段,这些表单可以重复50次,但值不同, 我想用$发送您从列表中选择的表格。发布'process.php',$form。序列化,函数数据,但在单击表单值时仅发送第一个表单,而不发送表单值选择 试一下单元本身,这是两个简单的文档,例如 forms.html process.phpJquery 发送多个序列化表单,jquery,serialization,Jquery,Serialization,我有一个问题,我有一个有几个表单的字段,这些表单可以重复50次,但值不同, 我想用$发送您从列表中选择的表格。发布'process.php',$form。序列化,函数数据,但在单击表单值时仅发送第一个表单,而不发送表单值选择 试一下单元本身,这是两个简单的文档,例如 forms.html process.php 我想要的是,如果我在下面的最后一个表单中输入一个值,我将向您发送此表单或您选择的任何表单的值,而不是上面存在问题的表单的值,并且不希望q立即发送所有表单的值ls只希望发送表单
我想要的是,如果我在下面的最后一个表单中输入一个值,我将向您发送此表单或您选择的任何表单的值,而不是上面存在问题的表单的值,并且不希望q立即发送所有表单的值ls只希望发送表单的值以选择给每个表单一个类或相同的名称,然后使用$.class.serialize
是的,您的html中不应该有具有相同id attr val的元素,这违背了唯一标识符的目的,不好的做法是添加具有唯一名称和/或id的表单。请注意,输入类型从submit更改为button
<form method="post">
<label for="name" id="name_label">Nombre</label>
<input type="text" name="name" id="name" size="30" value=""/>
<input type="button" value="SEND">
</form>
<form method="post">
<label for="name" id="name_label">Nombre</label>
<input type="text" name="name" id="name" size="30" value=""/>
<input type="button" value="SEND">
</form>
最好不要在DOM中有两个id相同的元素。所有表单都有相同的id更改它们类给我一个例子说明它是如何工作的,测试代码可能重复请不要因为人们第一次不理解你就重新发布问题。好的,我怎么做?笑柄一个代码,你可以通过它来查看它是否工作我想要的是如果我在下面的最后一个表单中输入一个值,我会给你发送这个表单的值或你选择的任何值,不是问题所在的上面表格的值,不希望q立即发送所有表格的值ls只想发送表格的值以选择上面的代码提交包含被单击按钮的表格。这不是你想做的吗?嗨,我有个新问题嘿,帮帮我
$(function() {
$("form").each(function() {
$(this).validate( {
submitHandler: function(form) {
$.post('process.php', $(form).serialize(), function(data) {
$('#results').html(data);
});
}
});
});
});
<form method="post">
<label for="name" id="name_label">Nombre</label>
<input type="text" name="name" id="name" size="30" value=""/>
<input type="button" value="SEND">
</form>
<form method="post">
<label for="name" id="name_label">Nombre</label>
<input type="text" name="name" id="name" size="30" value=""/>
<input type="button" value="SEND">
</form>
$('input[type=button]').click(function(e)) {
$(this).parent('form').submit();
};
$(function() {
$("form").each(function() {
$(this).validate( {
submitHandler: function(form) {
$.post('process.php', $(form).serialize(), function(data) {
$('#results').html(data);
});
}
});
});
});