在PHP中保存jQuery UI元素的可丢弃顺序

页面示例-https://jsfiddle.net/7b8bqzsh/

我在前端工作得很好，我已经阅读了jQuery UI文档，其中详细介绍了如何通过ajax保存订单，但我希望在单击表单中的"保存"按钮时保存订单，将订单与订单Wordpress设置一起存储，并将表单操作设置为"options.php"。

这怎么可能呢？

$(".social-msl-link-label").draggable({
  connectToSortable: ".social-msl-group-list",
  revert: "invalid",
  helper: "clone"
});
$(".social-msl-links-order li").droppable({
  accept: ".social-msl-link-label",
  tolerance: 'pointer',
  greedy: true,
  hoverClass: 'highlight',
  drop: function(ev, ui) {
$(ui.draggable).clone(true).detach().css({
  position: 'relative',
  top: 'auto',
  left: 'auto'
}).appendTo(this);
$(this).siblings().filter(function() {
  return $(this).text().trim() === $(ui.draggable).text().trim();
    }).empty();
  }
 });

<form method="post" action="options.php">
    <input type="submit" class="button-primary" value="Save Changes" />
</form>