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

Question

正如您在link 上看到的，有一个引导选择框选项，可让您实时搜索选择框并找到您想要的选项。

我想要但我没有的东西是使用 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