應用jQuery多選效果

Question

我正在使用this jquery plugin來選擇多個值。

在創建視圖我正確地保存數據到數據庫使用這個插件。現在我很難在這個插件中應用加載的值。

讓我們說，我是從分貝

public ActionResult Demo() 
{ 
    List<MyData> data = _repo.getData(); 
    return View(data); 
} 
public class MyData { 
    public int[] SelectedData{ get; set; } 
    ... 
} 

內部查看每個輸入元件與該多個所選值傳遞一些數據（先前使用這個插件存儲），以便具有唯一的ID被正確地識別爲進一步在js函數中處理。

Demo.cshtml 
<script src="~/Scripts/bootstrap-multiselect.js"></script> 
@foreach (var item in Model.SelectedData){ 
    var multiSelDiv = "multiValues" + index; 
    <input id=@multiSelDiv type="text" value="@item.SelectedValues"> 
} 

的問題是： 如何在這個加載的數據應用此效果（的foreach塊內）？

Answer 1

jQuery multiselect插件僅與select項目一起使用。您必須在視圖中使用動態options呈現select標記。

<script src="~/Scripts/bootstrap-multiselect.js"></script> 
<select class="select"> 
@foreach (var item in Model.SelectedData){ 
    var multiSelDiv = "multiValues" + index; 
    <option value=@multiSelDiv>@item.SelectedValues</option> 
} 
<select> 

在客戶端，您可以按類名選擇項並應用插件。

$('.select').multiselect({ 

});