在 2 个多选之间拖放

Drag and Drop between 2 multiple select

本文关键字：之间 拖放      更新时间：2023-09-26

我在使用 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>一起使用，它工作正常，但是对于多选，它什么也没做。我真的需要它与多项选择一起工作。关于我做错了什么的任何提示都会很好。

作为旁注，这段代码处于剃刀部分视图中。

我不认为选择选项元素支持jQuery UI可排序，可拖动和可删除。

你可以移动到像multiselect这样的jQuery插件。

相关文章：