使用jQuery对Divs重新排序,然后使用表单发布

时间:2016-08-18 22:44:16

标签: php jquery

我使用jQuery对项目进行排序,它的工作原理非常好,但如何使用带有表单操作帖子的DIV提交最终订单?

我知道如何使用这样的复选框...

<?php
    if(isset($_POST["resortable-option"])){
       foreach($_POST["resortable-option"] as $item){
         echo $item."<br>";
       }
    }
 ?>

...

<form action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>" method="post">
   <ol id="sortable">
   <li><label for=""><input type="checkbox" name="resortable-option[]" value="1">Option 1</label></li>
   <li><label for=""><input type="checkbox" name="resortable-option[]" value="2">Option 2</label></li>
   <li><label for=""><input type="checkbox" name="resortable-option[]" value="3">Option 3</label></li>
   <li><label for=""><input type="checkbox" name="resortable-option[]" value="4">Option 4</label></li></ol>
   <input type="submit" value="send">
</form>

这对于复选框非常合适,但是如果我只想使用常规DIV而只是传递div的innerText或innerHtml呢?例如,如果我有......

 <ol id="sortable">
   <li><label for=""><div name="resortable-option[]">Option 1</label></li>
   <li><label for=""><div name="resortable-option[]">Option 2</label></li>
   <li><label for=""><div name="resortable-option[]">Option 3</label></li>
   <li><label for=""><div name="resortable-option[]">Option 4</label></li></ol>

然后当我点击提交时,它会在重新订购后提交它们,这样我就能抓住......

Option 1
Option 2
Option 3
Option 4

作为输出回显,按顺序重新排序。

1 个答案:

答案 0 :(得分:1)

我知道如何在幕后组装表单html并以这种方式提交的唯一方法:

SELECT p.id, group_concat(pcb.users_admin_id) as uid
FROM properties p
INNER JOIN prop_captured_by pcb 
ON p.id = pcb.property_id
group by p.id;