带有getJson的多选js附加不显示任何选项

问题描述

我可能在函数内部做错了什么,但我不知道它是什么。 因此,我想在执行getJSON之后显示选项,我希望它们以复选框的形式显示在select中。 这是我的代码

<div class="form-group">
  <label>Forma de pago</label>                                                  
  <select id="formaPago" name="formaPago[]" class="form-control listado-metodosPago" autocomplete="off" multiple="multiple"></select>
</div>

$(".listado-metodosPago").ready( function(){
   $(".listado-metodosPago").append('<option value="">Seleccione una opción</option>');
   $.getJSON( url2 + "Clientes/lista_metodosPago").done( function( data ){
      $.each( data,function( i,v){
         event.preventDefault();
         jQuery.noConflict();
         $(".listado-metodosPago").append('<option value="'+v.id_opcion+'" data-value="'+v.id_catalogo+'">'+v.nombre+'</option>');
      }); 
   });
   $(".listado-metodosPago").multiselect('refresh');
});

我尝试使用

$(".listado-metodosPago").multiselect('refresh');

我尝试将其放在getJSON中,但是当我这样做时,它无法识别'$(...)。multiselect'函数

我也尝试使用:

$(".listado-metodosPago").multiselect('rebuild');

这是source of json in Multiselect jQuery

但是它仍然无法识别'$(...)。multiselect'函数

解决方法

我能够找到一个对我有帮助的答案,以防万一有人遇到相同的问题,我不得不用$代替jQuery。换句话说,我的第一次尝试:

(".listado-metodosPago").multiselect('rebuild');

答案(至少就我而言):

jQuery('#formaPago').multiselect( 'rebuild');

以及链接: https://forum.jquery.com/topic/multiselect-is-not-a-function-error-message-using-jquery-ui-multiselect-widget