3

我在使用 jQuery UI 将一些项目从一个多选拖放到另一个(空的)时遇到问题。

这是多选和 js 函数的代码:

<div class="availableContainer">
    <span style="font-weight: bold">Available items</span>
    <select name="@sort1" id="@sort1" multiple="multiple" class="connectedSortable">
        @for (var i = 0; i < ViewBag.Fields.Count; i++)
        {
            <option value="@ViewBag.Fields[i].Name">@ViewBag.Fields[i].Name</option>
        }
    </select>
</div>
<div class="selectedContainer">
    <span style="font-weight: bold">Selected items</span>
    <select name="@sort2" id="@sort2" multiple="multiple" class="connectedSortable">            
    </select>
</div>

<script type="text/javascript">
$(document).ready(function() {
    $("#@sort1, #@sort2").sortable({
        connectWith: ".connectedSortable",
    }).disableSelection();
});

我已经尝试将它与<ul>and一起使用<li>,它工作正常,但使用多项选择它什么也不做。我真的需要它来处理多项选择。关于我做错了什么的任何提示都会很好。

作为旁注,这段代码是在一个剃刀的局部视图中。

4

1 回答 1

2

我不认为 select-option 元素支持 jQuery UI 可排序、可拖动和可放置。

您可以移至 jQuery 插件,例如multiselect.

于 2013-10-08T16:55:48.867 回答