ブートストラップマルチ選択ドロップダウンで追加された値が表示されない

Question

私はmvcを初めて使用しており、ブートストラップマルチセレクタドロップダウンに関する問題に直面しています。 私のプログラムでは、別のドロップダウンからの選択に応じていくつかの値を取得する必要があります。その値をブートストラップのドロップダウンに追加することはできましたが、追加された値は表示されません。私は、李さんが更新されていないので、問題だと思う。これには解決策を提案してください。

$('#companyList').change(function() { 
     var cid = $('#companyList').val(); 
        //$('#projectList').empty(); 
     //$("#projectList").append("<option value='" + 0 + "' >" + "select" + "</option>"); 
     $.ajax({ 
      url: "GetProject", 
      data: { id: cid }, 
      success: function (data) { 
       // alert("reached"); 
       $.each(data, function (index, optiondata) { 
        $("#projectList").append("<option value='" + optiondata.ProjectId + "'>" + optiondata.ProjectName + "</option>"); 
       }) 

      } 
     }); 
    }) 

Answer 1

以下のコード試してください：あなたに、元アヤックス '成功' 機能を

$('#projectList').multiselect({ 
    includeSelectAllOption: true 
}); 

：

$('#companyList').change(function() { 
    var cid = $('#companyList').val(); 
    $.ajax({ 
     url: "GetProject", 
     data: { id: cid }, 
     success: function (data) { 
      $.each(data, function(index, optiondata) { 
       $("#projectList").append("<option value='" + optiondata.ProjectId + "'>" + optiondata.ProjectName + "</option>"); 
      }); 

      $('#projectList').multiselect({ 
       includeSelectAllOption: true 
      }); 

     } 
    }); 
}) 

を私はこれを追加しました。

の作業フィドル：http://jsfiddle.net/z9v1wrco/