將數據從一個Html.listboxfor複製到asp.net中的其他列表框中mvc

Question

我有兩個Html.ListBoxFor，稱爲A & B。

1）A已從數據庫填入數據庫& B爲空。

2）我想要一個功能，如this其中來自列表A的項目被放入列表B。

$('.add').on('click', function() { 
    var options = $('select.multiselect1 option:selected').sort().clone(); 
    $('select.multiselect2').append(options); 
}); 
$('.addAll').on('click', function() { 
    var options = $('select.multiselect1 option').sort().clone(); 
    $('select.multiselect2').append(options); 
}); 
$('.remove').on('click', function() { 
    $('select.multiselect2 option:selected').remove(); 
}); 
$('.removeAll').on('click', function() { 
    $('select.multiselect2').empty(); 
}); 

3）我試圖與asp.net MVC中，但我無法獲取在模型&控制器所選擇的項目。

4）我想要一種方式，我們可以在asp.net mvc中執行此操作。如果可以在MVC某種方式然後我就可以將這些數據存儲在SQL數據庫

5）它的jQuery的兄弟姐妹here

任何幫助，將不勝感激

Answer 1

我認爲這會幫助你。

塊引用

HTML文件

Fruits: 
     <select multiple="multiple" id="a"> 
      <option value="1">Apple</option> 
      <option value="2">Orange</option> 
      <option value="3">Banana</option> 
     </select> 

     <input type="button" id="add" value="Add"/> 
     <input type="button" id="addall" value="Add all"/> 
     <select multiple="multiple" id="b"> 

     </select> 

JavaScript文件

$("#add").bind("click", function() { 
     addOption(false); 

}); 

$("#addall").bind("click", function() { 
    addOption(true); 

}); 

function addOption(isAll){ 
    var option = $("#a option"); 
    if (!isAll) { 
     option = $("#a option:selected"); 
    } else { 
     $("#b").html(""); 
    } 

    $(option).each(function() { 
     var val = $(this).val(); 
     var text = $(this).text(); 
     $("#b").append($(this)[0].outerHTML); 
     $(this).remove(); 
    }); 
}