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

Question

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

我尝试了以下代码：

//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));
            }
        });

希望有人可以帮助我解决这个问题。

Answer 1

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

现在我的代码如下所示：

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

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