0

我有一个表单标签，用户可以通过单击他们希望在该表单中的元素来动态创建表单。通过单击将元素附加到表单标签内。

这是被调用的函数。

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++;
}

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

4

2 回答 2

0

我看到了您的 java 脚本函数，并且我知道您也在使用表单。
通过这样做，您的表单数据将被传递给 servlet 或 RESTful Web 服务

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


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

于 2012-07-04T07:02:05.487 回答
-1

尝试

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

该变量myElement将被转换为一个数组，并将包含表单中的所有元素。

遍历变量myElements[index]将给出表单元素， myElements[index].value并将给出表单元素值

于 2012-07-04T07:04:12.560 回答