【问题标题】:Bootstrap select live search input when change will extract values当更改将提取值时,引导选择实时搜索输入
【发布时间】:2020-10-28 07:34:42
【问题描述】:

我正在尝试在来自 API JSON 响应的选择输入上添加一个选项。我目前正在使用 Bootstrap 4 和 Bootstrap-select 我能够找到 liveSearchListener: 函数和 this.$searchbox.on('input propertychange' 但是当我放置一个函数来添加一个选项时。我的函数不起作用并且没有添加选项项。

有人可以帮忙吗? 非常感谢!

【问题讨论】:

  • 你能分享你的代码吗?
  • 肯定会在下面编辑我的答案

标签: javascript api bootstrap-4 bootstrap-select


【解决方案1】:

首先你需要下载 bootstrap-select.js 文件 这里 https://developer.snapappointments.com/bootstrap-select/

然后搜索不带引号的文本。

"this.$searchbox.on('input propertychange', function ()"

当实时搜索的输入框的值改变时执行此行。 我创建了一个函数,它将从这一行传递输入框的当前值,您可以通过引用下面的文本来获取文本框的当前值

将实时搜索的搜索框的值传递给变量。

var searchValue = that.$searchbox.val();

调用函数并传递实时搜索框的当前值

selectfiller(searchValue);

在调用填充输入选择的函数时,您需要通过放置来刷新列表 $('.selectpicker').selectpicker('refresh'); 添加所有项目后

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-03-24
    • 1970-01-01
    相关资源
    最近更新 更多