Ajaxコールを使用してMVCのチェックボックス付きリストボックスを塗りつぶす

Question

こんにちは、私はListboxの値をajaxコールを使ってチェックボックスコントロールで埋めようとしています。

しかし、リストボックスにデータを入力することはできません。ビューで

：Html.ListBoxFor @

（M => m.City、新しいSelectListの（新しい[] { ""}）、新たな{ID = "cmbCity"、@style =「幅：100pxに;」}）コントローラ内

$(document).ready(function() { 
    $('#cmbCity').multiselect({ 
     includeSelectAllOption: true, 
     enableFiltering: true  
    }); 

    $('#btnShowCity').on('click', function() {  
     $.ajax({ 
      url: '../CN/Get_City', 
      cache: false, 
      type: 'post',    
      success: function (data) { 
       data = JSON.parse(data); 
       $("#cmbCity").html(""); 
       $.each($.parseJSON(data.result_City), function (i, city) { 
        $("#cmbCity").append 
         ($('<option>         </option>').val(city.ID).html(city.Name)) 
       }) 
       $('#cmbCity').multiselect('refresh'); 
      } 
     }) 
}); 

：

[HttpPost]

public string Get_City() 
{ 
    clsDAL objclDAL = new clsDAL(); 

    DataTable _resultDataset =FillDataTable("SELECT [ID], Name FROM City");  
    return JsonConvert.SerializeObject(new { result_City = _resultDataset }); 
} 

K indly私にいくつかの提案

Answer 1

$.each($.parseJSON(data.result_City), function (i, city) { 
 
      $("#City").append($('<option></option>').val(city.ID).html(city.Name)) 
 
}); 
 

 
//--------mvc code block 
 
//@Html.ListBoxFor(m => m.City, new SelectList(new[] { "" }), new { @style = "width: 100px;" }) 
 
//delete id = "cmbCity" because your id ="Name" and name="Name"