以形式保存序列化排序

Question

我有一个简单的表单，它有 3 个文本输入、一个可排序的 li 列表和一个隐藏的输入，可排序的输出将转到该隐藏输入。

  $(document).ready(function () {
    $('ul').sortable({
        axis: 'y',
        stop: function (event, ui) {
    var data = $(this).sortable('serialize');
            document.getElementsByName("order").value = data;
 }
    });
});

<link type="text/css" rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/smoothness/jquery-ui.css"/>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>

<form>
    
    <ul id="sortable">
        <li id="item-1">Item 1</li>
        <li id="item-2">Item 2</li>
        <li id="item-3">Item 3</li>
    </ul>
    <input type="text" name="firstname" placeholder="first name">
        <br>
    <input type="text" name="lastname" placeholder="last name">
        <br>
    <input type="text" name="phone" placeholder="phone">
        <br>
    <input type="hidden" name="order" value="">
        
     <input type="submit" value="Submit">
        
</form>

我想做两件事：

1) 将序列化排序的字符串输出转换为隐藏 "order" 输入的值。

2a) 使输出更易于使用（类似于“1,2,3”而不是 "item[]=1&item[]=2&item[]=3"）

2b) 使用php.

将表格的数据以如下形式保存到mysql

有什么建议吗？

Answer 1

1) 您可以订阅表单的提交事件，并使用函数首先将序列化的可排序对象保存到隐藏输入中。

2a) 我认为最好使用它，然后使用 php 将数组转换为您喜欢的其他格式。

2b) 在 Google 中搜索，您将找到有关如何执行此操作的信息。

以形式保存序列化排序

saving serialized sortable in form

php

mysql

jquery

jquery-ui