ブートストラップがリフレッシュまたは再構築私はアヤックスと私の複数選択をバインドしたい

Question

を動作しませんが、AJAX呼び出しの項目の後に再構築してみてくださいまたは複数選択リフレッシュするが、それはまだここ

<script type="text/javascript"> 
    $(document).ready(function() { 

     var categCheck = $('#multiselect').multiselect({ 
      includeSelectAllOption: true, 
      enableFiltering: true 
     }); 


     $.ajax({ 
      type: 'GET', 
      url: "@Url.Content("~/Home/Listpositions/")", 
      success: function (data) { 
       $.each(data.data, function (index, item) { 
        alert(item.PositionName); 
        var opt = $('<option />', { 
         value: item.PID, 
         text: item.PositionName 
        }); 
        opt.appendTo(categCheck); 

       }); 
      } 
     }); 
     $('#multiselect').multiselect('rebuild'); 
     categCheck.multiselect('rebuild'); 

     categCheck.multiselect('refresh'); 
     $("select.multiselect").multiselect("refresh"); 
    }); 
     </script> 

は表示されませんshow.Iしない複数選択は私です複数選択のページへのリンク：http://pratikisara.com/Home/Quick

がどのように私は複数選択JSファイル（enter link description here）からAJAX呼び出しを行うことができ、コードブロックでは、私は、AJAX呼び出しを行う必要がありますか？

Answer 1

AJAXの成功関数で再構築および/またはリフレッシュする必要があります。あなたのコードでは、AJAX呼び出しが行われ、次にマルチ選択が再構築されます。しかし、AJAX呼び出しが成功する前に再構築される可能性があります。私のためにその作業罰金をリロード使用して

<script type="text/javascript"> 
    $(document).ready(function() { 

    var categCheck = $('#multiselect').multiselect({ 
     includeSelectAllOption: true, 
     enableFiltering: true 
    }); 


    $.ajax({ 
     type: 'GET', 
     url: "@Url.Content("~/Home/Listpositions/")", 
     success: function (data) { 
      $.each(data.data, function (index, item) { 
       alert(item.PositionName); 
       var opt = $('<option />', { 
        value: item.PID, 
        text: item.PositionName 
       }); 
       opt.appendTo(categCheck); 

       // Rebuild after adding the options! 
       $('#multiselect').multiselect('rebuild'); 
      }); 
     } 
    }); 
    }); 
</script> 

Answer 2

：これを試してみてください。 ajax呼び出しのmultiselect（ "reload"）関数リフレッシュチェックボックスリスト

var obj_ddl_ExistingIdea = $("#ddl_ExistingIdea"); 
     if (response.length > 0) { 

      for (var i = 0; i < response.length; i++) { 
       var str_newOption = ''; 
       str_newOption = "<option value='" + response[i].IdeabookId + "'>" + response[i].Name + "</option>"; 
       obj_ddl_ExistingIdea.append(str_newOption); 
      } 
      obj_ddl_ExistingIdea.multiselect("reload"); //using reload its working for me 

Answer 3

これは100％の罰金コードです....

$(document).ready(function() { 
var chkreport = $('#reporting_unit'); // Object creation for your dropdown 

var ajaxpath = 'ajax/fend.php'; 
var ajaxUrl = baseUrl + ajaxpath; 
$('#hospital_category').on('change', function() { 
var hospital_id = this.value; 
//alert(hospital_id); 
$.ajax({ 
method: 'POST', 
url: ajaxUrl, 
data: { 
perform_action: 'reporting_list', 
hospital_id: hospital_id 
}, 
dataType: 'html', 
success: function(result) { 

chkreport.append(result); // append option in the object created before ajax calling 

// Now call multiselect function with their parameter 
chkreport.multiselect({ 
columns: 1, 
placeholder: 'Select Reporting Unit', 
search: true, 
selectAll: true 
}); 

chkreport.multiselect('rebuild'); // it will reload dropdown need to create multiselect with checkbox option. 
} 
}); 

}); 

});