基於另一個下拉選擇如何將新選項添加到bootstrap-multiselect下拉菜單中？

我有兩個bootstrap-multiselect下拉菜單。在選擇第一個下拉列表時，我必須綁定第二個下拉列表的下拉列表。基於另一個下拉選擇如何將新選項添加到bootstrap-multiselect下拉菜單中？

因此，我通過發送第一個下拉列表選項來使用ajax調用，併成功獲取了secodn下拉列表值的json對象。這裏是我的代碼：

function FillZonesDropdown(BUId) { 
    debugger 
    var bu = BUId; 

    bu = bu.join(","); 
    $.ajax({ 
     type: "POST", 
     contentType: "application/json; charset=utf-8", 
     url: "@Url.Action(" 
     BindZonesOnBU ", " 
     mycontroller ")", 
     data: "{BUIds:" + bu + "}", 

     success: function(Result) { 
      debugger; 
      var data = Result; 
      $("#ddlZone").html(""); 

      $.each(Result, function(key, value) { 
       $("#ddlZone").append($("<option></option>").val(value.Value).html(value.Text)); 
      }); 

     } 

    }); 
}

，但我沒有看到第二個下拉的選項列表中的任何改變。

中的SO問題，一個建議我一直在使用

$("#ddlZone").multiselect("rebuild");

嘗試。但沒有成功。

如果有人能指引我朝正確的方向發展，那將會很棒。

來源

2016-11-11 Shekar.gvr

$。每個（結果，功能（鍵，值）{ 「<選項值= \」「+ value.Value + 」\「>」 + value.Value +「「 }）; $（'＃ddlZone'）。multiselect（'refresh'）; –

這確實奏效，但有一點變化。。 $（'＃ddlZone'）。multiselect（'refresh'）; $ .each（Result，function（key，value）{（「＃ddlZone」）。append（$（「」）.val（value.Value）.html（value.Text））; }） ; $（「＃ddlZone」）多選（「重建」）。 –

嘗試此代碼

 $.each(Result, function (key, value) { 
      $("#ddlZone").append($("<option value="+value.Value+">"+value.Text+"</option>"); 
     }); 
$('#ddlZone').multiselect('refresh');

來源

2016-11-11 08:56:59 Jays

基於另一個下拉選擇如何將新選項添加​​到bootstrap-multiselect下拉菜單中？

回答

相關問題

基於另一個下拉選擇如何將新選項添加到bootstrap-multiselect下拉菜單中？