在2个多重选择之间拖放

Question

我在使用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>和<li>一起使用，但它运行正常，但是使用多重选择它什么都不做。我真的需要它来处理多重选择。关于我做错的任何提示都会很好。

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

Answer 1

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

您可以转到jQuery插件，例如multiselect。