首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用jQuery或JavaScript自动搜索引导数据库-选择

问使用jQuery或JavaScript自动搜索引导数据库-选择
EN

Stack Overflow用户
提问于 2020-10-19 21:28:09
回答 1查看 209关注 0票数 0

正如你在这个link上看到的,有一个引导选择框选项,它允许你实时搜索选择框并找到你想要的选项。

我想要的,但我没有的是用jQuery或JavaScript代码自动在这个表上搜索。

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

代码语言:javascript
复制
$(".selectpicker").selectpicker('val', "test").selectpicker('refresh');

正如您所看到的代码,此代码将更改引导选择框选项的值,然后将其刷新,因此选择框值将更改,其中包含value="test"的选项将变为选中状态,引导选择将正常工作,您可以取消选择该选项。

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

你想知道为什么我需要这样的东西吗?因为我在我的项目上使用了bootstrap select,而选择框有一些像select All这样的选项,当用户选择这个选项时,将会发生以下代码:

代码语言:javascript
复制
$(".selectpicker option").attr("disabled",true);
$(".selectpicker").selectpicker('val', "Select All").selectpicker('refresh');

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

我要找的代码是这样的:

代码语言:javascript
复制
$(".selectpicker").selectpicker('search', "Some words").selectpicker('refresh');

谢谢。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-10-19 22:10:06

代码语言:javascript
复制
$(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
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/64428370

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档