因为我可以从jquery将数据从一个表单发送到另一个表单?

时间:2015-07-15 16:22:01

标签: jquery html forms serialization

我有以下问题。我有两种形式,需要第二次救助形成第一个数据

示例:

//Form 1
<form id="form1">
      <input type="text" name="years">
</form>

//Form 2
<form id="form2">
      <input type="text" name="month">
      <input onclick="sendForm()">
</form>

<script>
       function sendForm(){
          // I need get data from first and second form 
          $("#form2").submit();
       }
</script>

我尝试序列化()函数

示例:

 //Form 1
<form id="form1">
      <input type="text" name="years">
</form>

//Form 2
<form id="form2">
      <input type="hidden" name="dataForm1" id="dataForm1">
      <input type="text" name="month">
      <input onclick="sendForm()">
</form>

<script>
       function sendForm(){
          // I need get data from first and second form 
          $("#dataForm1").val($("#form1").serialize())
          $("#form2").submit();
       }
</script>

但是当空格

时它不起作用

请帮助!!我搜索解决方案很长时间了 谢谢!!!!

1 个答案:

答案 0 :(得分:0)

您可以创建一个新表单并添加其他两个表单中的元素并提交新表单。这对用户也是不可见的。

此示例从form2获取src,但您的示例没有。如果您需要从其他地方调整功能。新表单将所有输入元素创建为隐藏,但它也可以是文本。

我希望这有助于或至少激励您找到更好的解决方案。

function sendForm()
{
    var newForm = $("<form>", {"src":$("#form2").attr("src")});
    $("form").children().each(function(key, value)
    {
        var inputElement = $(value);
        var newHidden = $("<input>", {type:"hidden", "name": inputElement.attr("name"), "value": inputElement.val()});
        newForm.append(newHidden);
    });
    newForm.submit();
}