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スクリプト関数を見て、あなたもフォームを使用していることを理解しています。
これにより、フォームのデータがサーブレットまたはRESTfulWebサービスに渡されます。

<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 に答える