如何从数据库中自动获取数据进行拖放

时间:2017-04-01 10:33:27

标签: javascript php html

我想从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>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

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

如果您使用jQuery,您始终可以序列化数据,然后将其传递给PHP。