拖放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插件。