引导程序选择实时搜索输入,更改时将提取值

问题描述

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

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

解决方法

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

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

this。$ searchbox.on('input propertychange',函数()

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

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

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

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

selectfiller(searchValue);

在调用填充输入选择的函数时,您需要通过以下方式刷新列表: $('。selectpicker')。selectpicker('refresh'); 在添加所有项目之后