Перетаскивание между двумя множественными выборками

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> и она отлично работает, но с выбором несколько он делает ничего. И I действительно нужно, чтобы он работал с несколькими выборами. Любые советы о том, что я делаю неправильно, будут приятными.

В качестве побочного примечания этот фрагмент кода находится в частичном разрезе бритвы.

Answer 1

Я не думаю, что элемент выбора опции поддержки jQuery UI сортируется, перетаскивается и отбрасывается.

Вы можете перейти к плагину jQuery, например multiselect.