使用 jQuery 或 JavaScript 自动搜索 bootstrap-select

Question

正如您在此链接上看到的，有一个引导选择框选项，它允许您对选择框进行实时搜索并找到您想要的选项。

我想要但我没有的东西是使用 jQuery 或 JavaScript 代码自动在此表上搜索。

如果你还不明白我的意思，有一个例子：

$(".selectpicker").selectpicker('val', "test").selectpicker('refresh');

如您所见，此代码将更改引导程序选择框选项的值，然后刷新它，因此选择框值将更改，并且其上具有value="test"的选项将被选中，引导程序选择将运行良好，您可以取消选择该选项。

我想要的是在我们用这个代码刷新选择框后搜索一些东西.selectpicker('refresh'); .

你想知道为什么我需要这样的东西吗？ 因为我在我的项目中使用 bootstrap select 并且选择框有一些选项，如全选，当用户选择此选项时，将发生此代码：

$(".selectpicker option").attr("disabled",true);
$(".selectpicker").selectpicker('val', "Select All").selectpicker('refresh');

并且在此代码发生后，选择框的选项将被禁用并且可以，但问题是选择框必须刷新以显示所有选项都已禁用，因为所有选项都已被选中，刷新发生后它将清除搜索结果和搜索输入仍将保留在用户之前搜索过的内容中，但不再搜索。 我想要的东西将解决这个问题，我的意思是我想让它搜索用户在刷新之前搜索过的东西。

我正在寻找的代码是这样的：

$(".selectpicker").selectpicker('search', "Some words").selectpicker('refresh');

谢谢。

Answer 1

$(document).on("change","#select-picker",function(){
    $search_value="blob blob";
    $("button[data-id='"+$(this).attr("id")+"']").next().children(".bs-searchbox").children("input[type='search']").val($search_value).trigger('propertychange');
});
// Bootstrap-select v1.13.9