将两个单独的表单合并为一个

Question

我一直在搞两种形式，想合并它们。每个表单都有一个单独的JS。

我希望能够在Form＃1中获取值，并将它们置于Form＃2答案中。

有人请协助吗？

表＃1

$(window).load(function(){ 
jQuery(function($) { 

    var multiTags = $("#multi"); 

    function handler(e) { 
     var jqEl = $(e.currentTarget); 
     var tag = jqEl.parent(); 
     switch (jqEl.attr("data-action")) { 
     case "add": 
      tag.after(tag.clone().find("input").val("").end()); 
      break; 
     case "delete": 
      tag.remove(); 
      break; 
     } 
     return false; 
    } 

    function save(e) { 
     var tags = multiTags.find("input.tag").map(function() { 
      return $(this).val(); 
     }).get().join(','); 
     alert(tags); 
     return false; 
    } 

    multiTags.submit(save).find("a").live("click", handler); 
}); 
}); 

</script> 

表＃2

$(document).ready(function(){ 

    $('.submit').click(function(){ 
    var answers = []; 
    $.each($('.field'), function() { 
     answers.push($(this).val()); 
    }); 

    if(answers.length == 0) { 
     answers = "none"; 
    } 
    alert(answers); 
    return false;       
    }); 
}); 

Answer 1

我会让我的评论的答复，并阐述多一点点。

我做了一个simple little fiddle，你可以用它作为跳跃点。基本上，它将获取页面上所有输入的值并将它们分配给一个变量。从那里，你的脚本可以变量发送到您的邮件脚本处理一切......

var data = ""; 
$("input").each(function(index, element) { 
    data += $(this).val() + ", "; 
}); 
alert(data);​ 

脚本查找所有<input>标签，然后通过获得来自.val()他们的价值。在你的表单中，你可以点击运行它，$("input[type=submit]").click(function(){ ... });其中...将是上面的代码。显然，你不会想警告用户输入到盒子里的东西（毕竟他们输入了它），所以你会把这个变量传递给你的邮件脚本（我会告诉你如何做到这一点，因为你的邮件程序脚本可能是用PHP编写的，所以谷歌就像pass jQuery variable onto PHP）。

小提琴：http://jsfiddle.net/charlescarver/4AfTR/2/

---

有一种方法进行分组的输入，使得数据仅使用输入框1,2,3（例如）。

是，这条线在这里...

$("input") 

...找到网页上的所有<input>标签。如果您只想要<input>框1,2和3将它们的值分配给一个变量，则给它们一个类并将"input"更改为".classname"。例如）$(".tag")将仅将<input>框与类.tag分配给变量（<input class="tag />）。