私はフォームタグを持っており、ユーザーはそのフォームに入れたい要素をクリックすることでフォームを動的に作成できます。要素をクリックすると、フォームタグ内に追加されます。
これはと呼ばれる関数です。
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++;
}
フォームが作成された後、ユーザーは保存をクリックし、そのフォームを保存する必要があります。ユーザーが追加したすべての要素と値を取得する方法を知りたいです。すべての要素と一緒にフォームを保存する方法配列などの要素