我正在使用 jQuery Bootstrap Typeahead .我从我的文件中获取数据,但未填充/显示预输入下拉列表。
这是我的 JS:
(function() {
"use strict";
var $input = $('.typeahead');
$('.typeahead').typeahead({
source: function (query, process) {
return $.getJSON(
'url-to-file.php',
{ query: query },
function (data) {
console.log(data)
return process(data);
})
}
});
})();
console.log()
返回一个(正确的)JSON 数组:
[ "item1", "item2", ... ]
但我不知道之后该怎么办。感谢您的帮助
最佳答案
数据源应该是...
[{name:"item1","id":"1"},{name:"item2","id":"2"},etc..]
然后在像这样的输入上使用data-provide
...
<div class="input-group">
<input type="text" data-provide="typeahead" class="form-control typeahead border-primary" name="query" id="query" placeholder="search..." autocomplete="off">
</div>
编辑:您还可以使用简单字符串数组: https://www.codeply.com/go/knBpcbhlFE
关于javascript - Bootstrap 4 提前输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49324366/