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(),

更容易，我的选择值也提交了！

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

1 个答案: