Javascript 将不同字段中的数据以不同的形式提交到服务器

Javascript 将不同字段中的数据以不同的形式提交到服务器,javascript,jquery,html,forms,Javascript,Jquery,Html,Forms,在jquery中,当您想要提交表单时 $(document).ready(function(){ $("form").submit(function(){ alert("Submitted"); }); }); 我的问题是:我有一堆字段(不是以相同的形式,也不是以任何形式)。当我按下send按钮时,jquery将获取所有这些字段的值并发送到服务器(作为发送表单) 我不知道如何在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的设计很差,若我把所有的字段都放到表单元素中,样式就会改变。这就是为什么这些字段不在表单字段中,我需要手工收集所有这些字段并提交给服务器。谢谢:)