動態MVC多部分下拉列表

Question

我正在嘗試創建動態多選下拉列表。下面的代碼不起作用

<div class="form-group"> 
      @Html.Label("Solutions", htmlAttributes: new { @class = "control-label col-md-4" }) 
      <div class="col-md-8"> 
       @Html.DropDownListFor(model => model.SolutionList, new SelectList(new List<SelectListItem>(), "Value", "Text"), new { multiple = "true", @class = "form-control list-group-active-color", Style = "width:100% !important", onchange = "OnGetSolutionsChange(this)" }) 
       @Html.ValidationMessageFor(model => model.SolutionList, "", new { @class = "text-danger" }) 
      </div> 
     </div> 

var solutionOptions =「」;

jQuery(result).each(function() { 
     solutionOptions += "<label><input type='checkbox' name='categories' value='" + this.Value + "'>" + this.Text + "</input></label>";   
    });  
    target.append(solutionOptions); 
    target.multiselect('rebuild') 

Answer 1

這解決了我的問題：

jQuery("#SolutionList").multiselect('destroy'); 
jQuery("#SolutionList").multiselect(); 

    jQuery(result).each(function() { 
     $("#SolutionList").append('<option value="' + this.Value + '">' + this.Text + '</option>').multiselect('rebuild'); 
    });  

Answer 2

這裏下面的鏈接，我解釋瞭如何使用引導多選擇

enter link description here