4

我正在尝试让 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/

4

2 回答 2

4

使用多选 js 小部件进行选择选项排序的工作演示：http: //jsfiddle.net/QRv6d/9/

好的链接：https ://github.com/yanickrochon/jquery.uix.multiselect http://quasipartikel.at/2009/05/10/jqueryui-multiselect/ & http://quasipartikel.at/multiselect/

请注意：我找不到 sortable() 的任何简单可排序实现，select boxes因此使用这个多选插件，正如您在演示中看到的那样，它确实有效:)，您可以根据需要使用它。完整的 HTML 在 js fiddle 中。

希望这可以帮助，

脚本源

  <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>

图片

在此处输入图像描述

于 2012-06-21T09:14:14.767 回答
0

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

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

于 2015-08-13T15:57:22.233 回答