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

Question

有一个引导选择框选项，它允许您对选择框进行实时搜索并找到您想要的选项。

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

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

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

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

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

你想知道为什么我需要这样的东西吗？因为我在我的项目上使用引导程序选择，并且选择框有一些选项，例如全选，当用户选择此选项时，将出现此代码：

$(".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