Javascript 将不同字段中的数据以不同的形式提交到服务器
在jquery中,当您想要提交表单时Javascript 将不同字段中的数据以不同的形式提交到服务器,javascript,jquery,html,forms,Javascript,Jquery,Html,Forms,在jquery中,当您想要提交表单时 $(document).ready(function(){ $("form").submit(function(){ alert("Submitted"); }); }); 我的问题是:我有一堆字段(不是以相同的形式,也不是以任何形式)。当我按下send按钮时,jquery将获取所有这些字段的值并发送到服务器(作为发送表单) 我不知道如何在jquery中实现这一点。请告诉我 谢谢:)可能是因为您正在使用$(“表单”)提交页面
$(document).ready(function(){
$("form").submit(function(){
alert("Submitted");
});
});
我的问题是:我有一堆字段(不是以相同的形式,也不是以任何形式)。当我按下send按钮时,jquery将获取所有这些字段的值并发送到服务器(作为发送表单)
我不知道如何在jquery中实现这一点。请告诉我
谢谢:)可能是因为您正在使用
$(“表单”)提交页面中的所有表单。提交(…)
。您应该选择所需的表单,如$(“#表单id”)
可能是因为您正在使用
$(“表单”)提交页面中的所有表单。提交(…)
。您应该选择所需的表单,如$(“#表单id”)
因此,您希望发送页面中所有表单中的所有值,以及一些非任何表单中的值,并以新表单发送所有值,对吗
var theForm = $('<form></form>');
$('form').find('input, textarea, select').each(function() {
theForm.append('<input type="hidden" value='+ $(this).val() +' id='+$(this).attr('id') +' name ='+$(this).attr('id') +'>')
});
$('#input1, .moreinputs').each(function() {
theForm.append('<input type="hidden" value='+ $(this).val() +' id='+$(this).attr('id') +' name ='+$(this).attr('id') +'>')
});
theForm.submit();
var theForm=$('');
$('form').find('input,textarea,select').each(function(){
格式为append(“”)
});
$('#input1,.moreinputs')。每个(函数(){
格式为append(“”)
});
submit()格式;
通过这种方式,您可以使用所需的所有值创建一个新表单。因此,您希望发送页面中所有表单中的所有值,以及一些非任何表单中的值,并以新表单发送所有值,对吗
var theForm = $('<form></form>');
$('form').find('input, textarea, select').each(function() {
theForm.append('<input type="hidden" value='+ $(this).val() +' id='+$(this).attr('id') +' name ='+$(this).attr('id') +'>')
});
$('#input1, .moreinputs').each(function() {
theForm.append('<input type="hidden" value='+ $(this).val() +' id='+$(this).attr('id') +' name ='+$(this).attr('id') +'>')
});
theForm.submit();
var theForm=$('');
$('form').find('input,textarea,select').each(function(){
格式为append(“”)
});
$('#input1,.moreinputs')。每个(函数(){
格式为append(“”)
});
submit()格式;
通过这种方式,您可以使用所需的所有值创建一个新表单。您的HTML代码不需要将输入字段放入表单标记中。只需确保jQuery部门可以使用id或类来识别它们,以便可以提取字段中的值并将其发送到服务器进行处理
<!--<form action='...'>-->
<input id='myInputA' type='text'>
<input id='myInputA' type='text'>
<!--</form>-->
<div id='myFakeFormButton' class='makeItLookLikeAFromButton'>Send</div>
HTML代码不需要将输入字段放入表单标记中。只需确保jQuery部门可以使用id或类来识别它们,以便可以提取字段中的值并将其发送到服务器进行处理
<!--<form action='...'>-->
<input id='myInputA' type='text'>
<input id='myInputA' type='text'>
<!--</form>-->
<div id='myFakeFormButton' class='makeItLookLikeAFromButton'>Send</div>
试试这个:例如:
var form1= $fomr1.serializeArray();//get all field form
form1.push({name:'test',value:'test2'}); //add other field
var ser=$.param( ui ); //serialize
并通过ajax发送,即:$.post('url',ser,function(){})尝试以下方法:即:
var form1= $fomr1.serializeArray();//get all field form
form1.push({name:'test',value:'test2'}); //add other field
var ser=$.param( ui ); //serialize
并通过ajax发送,即:$。post('url',ser,function(){})$(“表单”)将获取页面上的所有表单,为要提交的表单分配一个id:$(“#myform”)。提交…因为我必须使用基于html的模板文件。因为css的设计很差,若我把所有的字段都放到表单元素中,样式就会改变。这就是为什么这些字段不在表单字段中,我需要手工收集所有这些字段并提交给服务器。谢谢:)$(“表单”)将获取页面上的所有表单,为要提交的表单分配id:$(“#myform”)。提交…因为我必须使用基于html的模板文件。因为css的设计很差,若我把所有的字段都放到表单元素中,样式就会改变。这就是为什么这些字段不在表单字段中,我需要手工收集所有这些字段并提交给服务器。谢谢:)因为我必须使用开发的html模板文件。因为css的设计很差,若我把所有的字段都放到表单元素中,样式就会改变。这就是为什么这些字段不在表单字段中,我需要手工收集所有这些字段并提交给服务器。谢谢:)因为我必须使用开发的html模板文件。因为css的设计很差,若我把所有的字段都放到表单元素中,样式就会改变。这就是为什么这些字段不在表单字段中,我需要手工收集所有这些字段并提交给服务器。谢谢:)