2017-04-01 29 views
0

我想要从MySQL表中获取拖放问题及其选项,并以正确的顺序创建所有选项。如何从数据库中自动获取数据以进行拖放操作


我得到了这个工作。但是如何将这个应用于从数据库中自动获取的多个问题。

$(function() { 
 
    $("#sortable").sortable(); 
 
    $("#sortable").disableSelection(); 
 
    $("#savebutton").click(function() { LISTOBJ.saveList(); }); 
 
    }); 
 
    
 
    var LISTOBJ = { 
 
     saveList: function() { 
 
      var listCSV = ""; 
 
      $("#sortable li").each(function() { 
 
       if (listCSV === "") { 
 
        listCSV = $(this).val(); 
 
       } else { 
 
        listCSV += "," + $(this).val(); 
 
       } 
 
       $("#output").text(listCSV); 
 
       $("#hiddenListInput").val(listCSV); 
 
       //$("#listsaveform").submit(); 
 
      }); 
 
     } 
 
    }
 <ul id="sortable"> 
 
     <li value="1" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 1</li> 
 
     <li value="2" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 2</li> 
 
     <li value="3" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 3</li> 
 
    
 
    </ul> 
 
    <input type="button" id="savebutton" value="save"/> 
 
    <div id="output"></div> 
 
    <form id="listsaveform" method="POST" action="script.php"> 
 
     <input type="hidden" name="list" id="hiddenListInput" /> 
 
    </form>

回答

0

如果你想保存的选项,我建议你使用的选项<input> 标签,并保存在PHP,而不是jQuery的相同。使用<input name="options[q1]" />,您可以发布与问题相关的所有答案。选项/问题的排序顺序也与表单中的顺序相同。

如果你使用jQuery,你总是可以序列化数据,然后传递给PHP。