두 개의 다중 선택 사이에서 드래그 앤 드롭

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를 정렬 가능, 드래그 가능 및 삭제 가능으로 생각하지 않습니다.

multiselect과 같은 jQuery 플러그인으로 이동할 수 있습니다.