php – jquery multiselect选择的数据顺序

前端之家收集整理的这篇文章主要介绍了php – jquery multiselect选择的数据顺序前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用此页面 http://loudev.com/中的jquery multiselct.它运行良好但现在系统要求需要此多选项以按选择的顺序过去数据.

显示器上没有问题,因为数据是根据所做的选择排列的,但是当提交表格时,所选数据的顺序与选择框的顺序相同.

这是基于上图的工作原理: –

我从下拉框中选择了巴西,法国和澳大利亚,它按照选择的顺序排列.我发送此表后,我将收到的数据应该是巴西,法国和澳大利亚作为显示的订单,但收到的数据是法国,澳大利亚和巴西的选择框的顺序相同.

这是插件生成HTML代码,这仅用于显示,在提交时,它将超过已隐藏的原始选项值.如果用户点击,它只将“选中”设置为原始选项中的选择….

  1. <div id="ms-public-methods" class="ms-container">
  2. <div class="ms-selectable">
  3. <ul class="ms-list">
  4. <li class="ms-elem-selectable ms-selected" ms-value="fr" style="display: none; ">France</li>
  5. <li class="ms-elem-selectable" ms-value="uk">United Kingdom</li>
  6. <li class="ms-elem-selectable" ms-value="us">United States</li>
  7. <li class="ms-elem-selectable" ms-value="ch">China</li>
  8. <li class="ms-elem-selectable ms-selected" ms-value="au" style="display: none; ">Australia</li>
  9. <li class="ms-elem-selectable" ms-value="in">India</li>
  10. <li class="ms-elem-selectable" ms-value="ar">Argentina</li>
  11. <li class="ms-elem-selectable ms-selected" ms-value="br" style="display: none; ">Brazil</li>
  12. <li class="ms-elem-selectable" ms-value="tb">Tibet</li>
  13. <li class="ms-elem-selectable" ms-value="co">Columbia</li>
  14. <li class="ms-elem-selectable" ms-value="cr">Croatia</li>
  15. <li class="ms-elem-selectable" ms-value="it">Italia</li>
  16. <li class="ms-elem-selectable" ms-value="es">Espana</li>
  17. <li class="ms-elem-selectable" ms-value="id">Indonesia</li>
  18. <li class="ms-elem-selectable" ms-value="du">Germany</li>
  19. <li class="ms-elem-selectable" ms-value="no">Norway</li>
  20. </ul>
  21. </div>
  22. <div class="ms-selection">
  23. <ul class="ms-list">
  24. <li class="ms-elem-selected" ms-value="br">Brazil</li>
  25. <li class="ms-elem-selected" ms-value="fr">France</li>
  26. <li class="ms-elem-selected" ms-value="au">Australia</li>
  27. </ul>
  28. </div>
  29. </div>

非常感激你的帮助.

这是我到目前为止所得到的.我使用了插件的回调函数,并将值存储到隐藏字段中并将其转换为数组.当取消选择该值时,它也将被移除到隐藏的输入字段中.我试过这个,它工作了!
  1. //sample form
  2. <form method="post">
  3. <select multiple="multiple" id="countries" name="countries[]">
  4. <option value="fr">France</option>
  5. <option value="uk">United Kingdom</option>
  6. <option value="us">United States</option>
  7. <option value="ch">China</option>
  8. </select>
  9. <input type="hidden" name="multiple_value" id="multiple_value" />
  10. <input type="submit" name="submit" value="Submit" />
  11. </form>
  12.  
  13.  
  14. //the jquery script with callback that sets the value into the hidden field
  15. <script>
  16. $(function(){
  17. $('#countries').multiSelect({
  18. afterSelect: function(value,text){
  19. var get_val = $("#multiple_value").val();
  20. var hidden_val = (get_val != "") ? get_val+"," : get_val;
  21. $("#multiple_value").val(hidden_val+""+value);
  22. },afterDeselect: function(value,text){
  23. var get_val = $("#multiple_value").val();
  24. var new_val = get_val.replace(value,"");
  25. $("#multiple_value").val(new_val);
  26. }
  27. });
  28. });
  29. </script>
  30.  
  31. //the PHP workaround
  32. <?PHP
  33. if(isset($_POST['submit'])){
  34. $hidden = $_POST['multiple_value']; //get the values from the hidden field
  35. $hidden_in_array = explode(",",$hidden); //convert the values into array
  36. $filter_array = array_filter($hidden_in_array); //remove empty index
  37. $reset_keys = array_values($filter_array); //reset the array key
  38. var_dump($reset_keys); //the result
  39. }
  40. ?>

猜你在找的PHP相关文章