Javascript 引导选择选择器css工作但js不工作

我的选择框中有引导选择选择器。从数据库中选择框列表是动态的。当我更改“选择框”时，其他“选择框”将根据以前的选择显示。当我没有实现selectpickerjs插件时，它工作正常

在实现之后，我可以看到selectpicker css被应用，但当我点击selectbox时，它并没有展开

我的代码：

 function selectstyle()
 {
    $('.selectpicker').selectpicker();
 }

 $(document).on("change", "#main_option", function(){
    // to list option in another selectbox
    selectstyle();     //calling selectpicker function.
 }):

 $(document).on("change", "#sub_option", function(){
    // to list option in another selectbox
    selectstyle();     //calling selectpicker function.
 }):

上面的代码是用documentready编写的，jquery和bootstrap函数加载在此页面顶部。很明显，jquery位于顶部，位于选择器css和js之前。

检查此项

---

我刚刚使用了

.selectpicker（'show'）

和

。选择选择器（'hide'）
您是否看到任何JS错误或它根本不起作用？您使用的是哪种技术asp.net？或者，
$（'.selectpicker'）.selectpicker（）
是否应该初始化，或者至少只初始化一次？您是否有小提琴显示此错误？您能否打开浏览器开发人员控制台并告诉我们您可能收到的错误？我在控制台中没有收到任何错误。