将所有表单元素放入数组

Question

我有一个表单标签，用户可以通过单击想要放入该表单的元素来动态创建表单。 通过单击元素，将其附加在form标签内。

这就是所谓的函数。

function add_element(element)
{
    var startdiv = "<div class='form_content_middle_box' id = 'div"+i+"' onclick='javascript:edit(\""+element+"\",\""+i+"\");'> <a href='javascript:void(0);' onclick='javascript:remove("+i+");'>Delete</a></br>";
    var enddiv = "</div>";

    switch(element)
    {
        case 'textbox' :
            $('#myform_container').append(startdiv + "<label id='label"+i+"'>Untitled Textbox</label><p id='paragraph"+i+"'><input type = 'text' id='"+i+"'/></p>" + enddiv);
            form_elements.push(element);
            //alert(form_elements);
        break;
        case 'number' :
            $('#myform_container').append(startdiv + "<label id='label"+i+"'>Untitled Textbox</label><p id='paragraph"+i+"'><input type = 'number' id='"+i+"'/></p>" + enddiv);
            form_elements.push(element);            
        break;
        case 'textarea' :
            $('#myform_container').append(startdiv + "<label id='label"+i+"'>Untitled Textarea</label><p id='paragraph"+i+"'><textarea id='"+i+"'></textarea></p>" + enddiv);
            form_elements.push(element); 
           // alert(form_elements);
        break;
        case 'checkbox' :
            $('#myform_container').append(startdiv + "<label id='label"+i+"'>Untitled Checkbox</label><p id='paragraph"+i+"'><input type = 'checkbox' id='"+i+"' /></p>" + enddiv);
            form_elements.push(element);
        break;
        case 'radio' :
            $('#myform_container').append(startdiv + "<label id='label"+i+"'>Untitled MultipleChoice</label><p id='paragraph"+i+"'><input type = 'radio' id='"+i+"'/></p>" + enddiv);
            form_elements.push(element);
        break;
        case 'dropdown' :
            $('#myform_container').append(startdiv + "<label id='label"+i+"'>Untitled SelectBox</label><p id='paragraph"+i+"'><select id='"+i+"'><option></option></select></p>" + enddiv);
            form_elements.push(element);
        break;

        default:
        break;
    }

    i++;
}

创建表单后，用户将单击“保存”，我需要保存该表单，我想知道一种获取用户附加的所有元素和值的方法。一种与所有表单一起保存的方法数组中的元素或其他内容

Answer 1

我看到了您的Java脚本函数，并且我了解到您也在使用表单。
这样，您的表单数据将被传递到Servlet或Restful Web服务

<form name="f" action="rest/myMethod" method="post">
    ... //your form contents
</form>

在myMethod中，您可以拥有所有这些信息并将它们存储在array / file / db中。

Answer 2

尝试

var myElements=$('#myformID').find('input, textarea, button, select')

变量myElement将被myElement转换为数组，并具有表单中的所有元素。

遍历变量myElements[index]将提供表单元素，而myElements[index].value将提供表单元素值