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

Question

正如你在这个 link 上看到的那样，有一个 bootstrap select 框选项，它允许你对 select 框进行实时搜索并找到选项你要

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

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

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

如您所见，此代码将更改 bootstrap select 框选项的值，然后它会刷新它，因此 select 框值将更改并且选项上面有 value="test" 的将变为 selected，bootstrap select 将正常工作，您可以取消 select 选项。

我想要的是在使用此代码 .selectpicker('refresh');.

刷新 select 框后搜索一些内容

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

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

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

我要找的代码是这样的:

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

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

Automatic search for bootstrap-select with jQuery or JavaScript

javascript

jquery

search

bootstrap-select

bootstrap-selectpicker