Jquery 引导4不使用引导选择

Jquery 引导4不使用引导选择,jquery,html,bootstrap-4,bootstrap-select,Jquery,Html,Bootstrap 4,Bootstrap Select,我最近在解决方案中升级了以下NuGet软件包: bootstrap v3.3.7->bootstrap v4.1.1 bootstrap选择v1.13.0->bootstrap选择v1.31.1 我注意到我的可选下拉列表有一个问题。。。 如您所见,这些引导选择下拉列表是灰色的,单击它们不允许我查看下拉列表中的任何选项 var getClientsSuccess = function (data) { $("#SeClientId").empty(); $("#SeClientI

我最近在解决方案中升级了以下NuGet软件包:

bootstrap v3.3.7->bootstrap v4.1.1
bootstrap选择v1.13.0->bootstrap选择v1.31.1

我注意到我的可选下拉列表有一个问题。。。

如您所见,这些引导选择下拉列表是灰色的,单击它们不允许我查看下拉列表中的任何选项

var getClientsSuccess = function (data) {
    $("#SeClientId").empty();
    $("#SeClientId").selectpicker("destroy");
    $("<option>").val("0").text("Select Client").appendTo("#SeClientId");
    $.each(data, function (index, value) {
        $("<option>").val(value.org_uid).text(value.org_name).appendTo("#SeClientId");
    });
    $("#SeClientId").selectpicker({ liveSearch: true, showSubtext: true, size: 10 });
    $("#SeClientId").selectpicker("refresh");
};
现在,在“bootstrap v3.3.7”上,这些bootstrap select下拉菜单功能齐全

另外,这是我目前用来填充下拉列表的代码。在调用此方法之前,对web服务进行调用以收集数据以填充下拉列表

var getClientsSuccess = function (data) {
    $("#SeClientId").empty();
    $("#SeClientId").selectpicker("destroy");
    $("<option>").val("0").text("Select Client").appendTo("#SeClientId");
    $.each(data, function (index, value) {
        $("<option>").val(value.org_uid).text(value.org_name).appendTo("#SeClientId");
    });
    $("#SeClientId").selectpicker({ liveSearch: true, showSubtext: true, size: 10 });
    $("#SeClientId").selectpicker("refresh");
};
var getclientssaccess=函数(数据){
$(“#SeClientId”).empty();
$(“#SeClientId”)。选择选择器(“销毁”);
$(“”).val(“0”).text(“选择客户端”).appendTo(“SeClientId”);
$.each(数据、函数(索引、值){
$(“”).val(value.org_uid).text(value.org_name).appendTo(“#SeClientId”);
});
$(“#SeClientId”).selectpicker({liveSearch:true,showSubtext:true,size:10});
$(“#SeClientId”)。选择选择器(“刷新”);
};

那么,在bootstrap v4中有什么变化会破坏我的bootstrap select功能呢?

您能提供用于搜索下拉列表的库的文档/链接吗?