Question

我有一個表單標籤，用戶可以通過點擊他們想要的形式動態創建表單。通過點擊在表單標籤內部追加的元素。

這是被調用的函數。

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

形式被創建後，用戶會點擊保存，我需要保存形式， 我想知道一個辦法讓所有的元素和用戶具有appended.A值方法來保存表單以及數組中的所有元素

Answer 1

嘗試

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

變量myElement將被轉換爲n數組並將具有表單中的所有元素。

通過可變myElements[index]迭代將給表單元素和 myElements[index].value將給表單元素看重

Answer 2

我看到了您的java腳本函數，並且我明白您也在使用表單。
通過這樣做，你的表格數據將被傳遞到一個servlet或RESTful Web服務

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

在你的MyMethod你可以擁有所有這些信息並將它們存儲在陣列/文件/數據庫。 ..