Jquery - 克隆选择值动态生成的表单答案

【问题标题】：Jquery - cloning select values dynamic generated formsJquery - 克隆选择值动态生成的表单
【发布时间】：2013-03-01 03:07:12
【问题描述】：

我正在尝试克隆动态生成表单的所有表单字段。此表单可以有一个或多个选择项。唯一的问题是，在用户选择不同的值后，我无法克隆所选项目的值。

我尝试了以下代码：

//Arguments: "name"s of forms to submit.
//First argument: the form which according to its "action" all other forms will be submitted.
//Example: mergeForms("form1","form2","form3","form4")    
function mergeForms() {
        var forms = [];
        $.each($.makeArray(arguments), function(index, value) {
            forms[index] = document.forms[value];
        });
        var targetForm = forms[0];
        $.each(forms, function(i, f) {
            if (i != 0) {
                $(f).find('input, select, textarea')
                    .clone()
                    .hide()
                    .appendTo($(targetForm));
            }
        });

希望有人能帮我解决这个问题。

【问题讨论】：

标签： jquery forms select clone option

【解决方案1】：

我找到了一个更好的方法来做到这一点。我正在克隆表单，因为我想做一个将所有组合表单作为数据的 AJAX 帖子。我找到的解决方案是对多个表单进行序列化。这是 Jquery 支持的。

现在我的代码如下所示：

$.ajax({
  type: "POST",
  url: "submitorder.cfm",
  data: $('#form1, #form2, #form3').serialize(),

更容易，而且我的选择值也已提交！

【讨论】：