Javascript jQuery UI可按选择选项排序

我试图让jQueryUIDefaultSortable在选择多列表框中的选项上工作，但似乎无法让它工作。这可以与选择选项一起使用吗？我只看到到处都有

的例子

以下是我的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>​


ASDSDS
BSD
CSDSDS
​

我的代码在JSFIDLE上：

使用multiselect js小部件进行选择选项排序的工作演示：

好链接：和

请注意：我找不到任何带有
选择框的sortable（）的简单可排序实现
，因此使用此multiselect插件，正如您在演示中看到的，它确实有效
：）
您可以根据需要使用它。完整的HTML是在js小提琴

希望这有帮助

脚本源

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

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>


奥地利
德国
荷兰
美国

图像

这就是你需要的。如果要自定义stling，使其看起来像一个传统的选择框，则必须做一些额外的工作。我正在将其与simple_表单集成，并将在这里发布代码

我从未尝试过，但我敢肯定，在select元素上无法实现这一点。但是，您可以使用jQuery将选项分解为ul/li排列，然后在那里进行multiselect+排序。@user1038814我可以为您提供一个multiselect的工作演示，该演示可在
select
框中排序，您希望我已经为您准备好了演示吗？@Tats\u innit是的，那太棒了。Thanks@user1038814冷静，给我2分钟，再见！谢谢你。我会努力适应的。干杯广告链接@Tats_innitShot bro@Howie。我已经更新了链接bruv，将查看演示，但您可以实际看到git repo来查看它。
<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>