Php 使用ajax jquery追加后使用的多个选择框selectpicker未正确显示

Php 使用ajax jquery追加后使用的多个选择框selectpicker未正确显示,php,ajax,laravel,Php,Ajax,Laravel,Multiple selectbox append jquery未正确显示。我使用了带引导选择框的selectpicker,但追加ok,显示不正确,列表显示在selectbox外部 $('.selectpicker').selectpicker(); $.ajax({ url: '/pincode_filter', type: "get", data: {option: id},

Multiple selectbox append jquery未正确显示。我使用了带引导选择框的selectpicker,但追加ok,显示不正确,列表显示在selectbox外部

$('.selectpicker').selectpicker();
$.ajax({

               url: '/pincode_filter',
               type: "get",
               data: {option: id},
               success: function (data) {
               // $(".test").empty();
                       $(".test").append('<option>Select</option>');
                       $.each(data,function(key,value){
                           $(".test").append('<option value="'+value['Pincode']+'">'+value['Pincode']+'</option>');
                       });

$('.selectpicker').selectpicker();
$.ajax({
url:“/pincode_过滤器”,
键入:“获取”,
数据:{option:id},
成功:功能(数据){
//$(“.test”).empty();
$(“.test”).append('Select');
$。每个(数据、函数(键、值){
$(“.test”).append(“”+value['Pincode']+“”);
});

只需在您的select标记类中添加

$(.selectpicker”).append('Select');
$。每个(数据、函数(键、值){
$(“.selectpicker”).append(“”+value['Pincode']+“”);
});

只需在您的select标记类中添加

$(.selectpicker”).append('Select');
$。每个(数据、函数(键、值){
$(“.selectpicker”).append(“”+value['Pincode']+“”);
});
根据selectpicker,您需要在对selectpicker元素进行一些直接更改后刷新它们:

$('.selectpicker').selectpicker('refresh');
因此,假设您有
标记java脚本
成功
块,现在可以如下所示:

success: function (data) {
   $(".test").append('<option>Select</option>');
   $.each(data,function(key,value){
      $(".test").append('<option value="'+value['Pincode']+'">'+value['Pincode']+'</option>');
   });
   $('.test').selectpicker('refresh');
}
成功:函数(数据){
$(“.test”).append('Select');
$。每个(数据、函数(键、值){
$(“.test”).append(“”+value['Pincode']+“”);
});
$('.test')。选择选择器('refresh');
}
根据selectpicker,您需要在对selectpicker元素进行一些直接更改后刷新它们:

$('.selectpicker').selectpicker('refresh');
因此,假设您有
标记java脚本
成功
块,现在可以如下所示:

success: function (data) {
   $(".test").append('<option>Select</option>');
   $.each(data,function(key,value){
      $(".test").append('<option value="'+value['Pincode']+'">'+value['Pincode']+'</option>');
   });
   $('.test').selectpicker('refresh');
}
成功:函数(数据){
$(“.test”).append('Select');
$。每个(数据、函数(键、值){
$(“.test”).append(“”+value['Pincode']+“”);
});
$('.test')。选择选择器('refresh');
}

显示您的
html
代码,尤其是
标记
。测试
类选择交付夹码因此,该代码中没有“test”类。但是您附加了一些应用了“.test”的内容。而您需要这样的内容:
$(“select#pincode”).append('select'))
显示你的
html
代码,特别是
标记
。测试
类选择交付夹码因此,该代码中没有“test”类。但是您附加了一些应用了“.test”的内容。而您需要这样的内容:
$(“select#pincode”).append('select'))
但我的案例不起作用,我使用的是同一类,没有显示,所以我检查了selectbox,它的append实际上类似于选项,但没有显示在UIM中。我需要的是,当我选择district时,自动追加下一个多个selectbox pincodes,但append在pincodes中不起作用。但我的案例不起作用,我使用的是同一类s,未显示,所以我检查了selectbox,它的append实际上类似于选项,但不显示在UIM中。我需要的是,当我选择district时,自动追加下一个多个selectbox夹码,但追加不在夹码中工作