сохранение сериализованной сортировки в форме

Question

У меня простая форма, у нее есть 3 текстовых ввода, сортируемый список li и скрытый ввод, к которому идет сортируемый вывод.

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

<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>

я хотел бы сделать 2 вещи:

1) Получение вывода строки из сериализованного Сортируемый в значение скрытого "порядка" входа.

2а), что делает вывод легче работать с (что-то вроде "1,2,3" вместо "пункт [] = 1 & пункт [] = 2 & пункт [] = 3")

2b), сохраняя данные формы в mysql в следующей форме, используя php.

любые предложения?

Answer 1

1) Вы можете подписаться на событие отправки формы и использовать функцию, чтобы сначала сохранить сериализованную сортировку в скрытый ввод.

2a) Я думаю, что лучше работать с этим, а затем использовать php для преобразования массива в другом формате, который вы предпочитаете.

2b) Поиск в Google вы найдете информацию о том, как это сделать.