Javascript 使用AJAX加载引导选择选择器

Javascript 使用AJAX加载引导选择选择器,javascript,php,jquery,ajax,twitter-bootstrap,Javascript,Php,Jquery,Ajax,Twitter Bootstrap,我有一个与和类似的问题。我已经尝试了评论中描述的所有解决方案。到了某种程度,它可以起作用 我的问题是,当我从main_cat中选择一个选项时。sub_cat的内容会在AJAX第一次正确加载时加载。但是,如果我从主目录中选择另一个选项,则会加载内容,但不会使用选择选择器样式。它只是表明: glyphicon按字母排序选项1屏幕截图如下 HTML 正如链接中的问题所建议的那样 $('.selectpicker').selectpicker({}); 下面是一些屏幕截图:第一个是我第一次选择该选项时

我有一个与和类似的问题。我已经尝试了评论中描述的所有解决方案。到了某种程度,它可以起作用

我的问题是,当我从main_cat中选择一个选项时。sub_cat的内容会在AJAX第一次正确加载时加载。但是,如果我从主目录中选择另一个选项,则会加载内容,但不会使用选择选择器样式。它只是表明:

glyphicon按字母排序选项1屏幕截图如下

HTML

正如链接中的问题所建议的那样

$('.selectpicker').selectpicker({});
下面是一些屏幕截图:第一个是我第一次选择该选项时的截图,第二个是我从main_cat中选择另一个选项时的截图。我是否必须使用foreach做一些事情,以便在完成AJAX时不断地重新加载?有人知道解决办法吗

第一次选择一个选项

第二次选择一个选项

我曾经这样使用过:

$.ajax({
    url: "yoururl",
    type: 'post',
    data: {data: data},
     success: function(response){
            target.empty();
            target.html(response);
            target.selectpicker('refresh'); // without the []
    }
});
请注意,我清空了select,使响应变为哑巴,并在。。。它工作得很好D 希望这有帮助…

我曾经这样使用过:

$.ajax({
    url: "yoururl",
    type: 'post',
    data: {data: data},
     success: function(response){
            target.empty();
            target.html(response);
            target.selectpicker('refresh'); // without the []
    }
});
请注意,我清空了select,使响应变为哑巴,并在。。。它工作得很好D
希望这有帮助…

您需要添加以下内容:

.done(function (msg) {
    $("#models_dropdown").html(msg).selectpicker('refresh');
});

您需要添加以下内容:

.done(function (msg) {
    $("#models_dropdown").html(msg).selectpicker('refresh');
});
$'.selectpicker'.selectpicker[刷新];$'。选择器选择器_1'。选择器选择器[刷新];删除[,]方括号$'.selectpicker.selectpickerrefresh;$'。选择器Picker_1'。选择PickerRefresh;如果仍然无法工作,也请检查您的控制台是否有任何错误?有趣的是,我不记得使用[,]了,但我删除了它们,它并没有解决问题。并选中控制台,没有任何内容。在成功函数中放入调试它命中了吗?我添加了以下错误:functionexception{alert'exoption:'+exception;}但没有任何内容?尝试将dataType:html选项添加到$.ajax function$'.selectpicker.selectpicker[refresh];$。选择器选择器_1'。选择器选择器[刷新];删除[,]方括号$'.selectpicker.selectpickerrefresh;$'。选择器Picker_1'。选择PickerRefresh;如果仍然无法工作,也请检查您的控制台是否有任何错误?有趣的是,我不记得使用[,]了,但我删除了它们,它并没有解决问题。检查控制台,什么都没有。在成功函数中放入调试它命中了吗?我添加了这个错误:functionexception{alert'exption:'+exception;}但什么都没有?尝试将dataType:html选项添加到$.ajax函数中
.done(function (msg) {
    $("#models_dropdown").html(msg).selectpicker('refresh');
});