jQuery UI可对选择选项进行排序

Question

我正在尝试让jQuery UI默认排序以处理选择多列表框中的选项，但似乎无法使其正常工作。这可以使用选择选项吗？我到处都看到<li>的例子。

这是我的JavaScript：

$(function() {
    $( "#secondSelectms2side__dx" ).sortable();
    $( "#secondSelectms2side__dx" ).disableSelection();
});

HTML：

<select title="" name="secondSelectms2side__dx" id="secondSelectms2side__dx" size="8" multiple="multiple">
    <option value="4">asdsdsds</option>
    <option value="10">bsdsdsdsd</option>
    <option value="2">csdsdsds</option>
</select>​

我的代码在jsFiddle：

http://jsfiddle.net/noscirre/DRUPe/

Answer 1

Workind演示，用于使用多选js小部件进行选择排序：http://jsfiddle.net/QRv6d/9/

良好链接：https://github.com/yanickrochon/jquery.uix.multiselect http://quasipartikel.at/2009/05/10/jqueryui-multiselect/ ＆amp; http://quasipartikel.at/multiselect/

请注意：我找不到任何带有select boxes的sortable（）的简单可排序实现，因此使用这个多选插件，你可以在演示中看到它确实有效:)你可以根据你的使用它需要。完整的HTML是js小提琴。

希望这有帮助，

脚本来源

  <script type="text/javascript" src="http://quasipartikel.at/multiselect/js/ui.multiselect.js"></script>

<强>码

  $(function(){

            $(".multiselect").multiselect();

        });​

<强> HTML

<select id="countries" class="multiselect" multiple="multiple">

    <option value="AUT" selected="selected">Austria</option>
    <option value="DEU" selected="selected">Germany</option>

    <option value="NLD" selected="selected">Netherlands</option>

    <option value="USA" selected="selected">United States</option>


  </select>

图片

Answer 2

这就是你需要的。如果您想要自定义“看起来”，您将不得不做一些额外的工作。像一个传统的选择框。我将此与simple_form集成，并将在此处发布代码。

https://github.com/thgreasi/ui-sortable-multiselection