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

Question

我可能在函数内部做错了什么，但我不知道它是什么。所以，我想在执行 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”函数。

Answer 1

我找到了一个对我有帮助的答案，以防有人遇到同样的问题，我不得不用 jQuery 替换 $。也就是说，我的第一次尝试：

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

答案（至少对我而言）：

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

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

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

Multiselect js append with getJson not displaying any option

javascript

jquery

getjson

bootstrap-multiselect