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

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

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