正如你在这个link上看到的,有一个引导选择框选项,它允许你实时搜索选择框并找到你想要的选项。
我想要的,但我没有的是用jQuery或JavaScript代码自动在这个表上搜索。
如果你还不明白我的意思,这里有一个例子:
$(".selectpicker").selectpicker('val', "test").selectpicker('refresh');正如您所看到的代码,此代码将更改引导选择框选项的值,然后将其刷新,因此选择框值将更改,其中包含value="test"的选项将变为选中状态,引导选择将正常工作,您可以取消选择该选项。
我想要的是在我们用这个代码.selectpicker('refresh');刷新选择框之后搜索一些东西。
你想知道为什么我需要这样的东西吗?因为我在我的项目上使用了bootstrap select,而选择框有一些像select All这样的选项,当用户选择这个选项时,将会发生以下代码:
$(".selectpicker option").attr("disabled",true);
$(".selectpicker").selectpicker('val', "Select All").selectpicker('refresh');在这段代码发生后,选择框的选项将被禁用,它的ok,但问题是选择框必须刷新,以显示所有选项都被禁用,因为它们都已经被选中,并且在刷新发生后,它将清除搜索结果,搜索输入将仍然停留在用户以前搜索的相同内容中,但不再搜索它。我想要的东西可以解决这个问题,我的意思是我想让它在刷新后搜索用户之前搜索过的东西。
我要找的代码是这样的:
$(".selectpicker").selectpicker('search', "Some words").selectpicker('refresh');谢谢。
发布于 2020-10-19 22:10:06
$(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.9https://stackoverflow.com/questions/64428370
复制相似问题