Bootstrap-3-Typeahead中的动态数据源
提问于 2014-12-18 04:20:01
我用的是https://github.com/bassjobsen/Bootstrap-3-Typeahead，Bootstrap 3也没问题。
我有以下问题。现在，我有一个jQuery触发器来输入：
$.get('my_url?query=inter', function(data){
$("#some_input").typeahead({ source:data });
},'json');正如您所看到的，脚本正在到达远程文件。这很好，但我希望查询变量是动态的。当用户输入要输入的值时，参数将发生变化。
我是PHP的人，所以我被这个jQuery卡住了。有人能帮我找到解决方案吗？
回答 1
Stack Overflow用户
发布于 2015-02-18 13:27:09
您可以将查询构造绑定到字段的输入事件，例如：
$('#typeahead').on('input', function() {
var dynamicQuery = 'my_url?query=' + $(this).val();
$('.query').html(dynamicQuery);
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input id="typeahead" type="text" />
<p class="query">my_url?query=</p>
在您的示例中，您将替换：
$('.query').html(dynamicQuery);通过
$.get(dynamicQuery, function(data){
$("#some_input").typeahead({ source:data });
},'json');页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/27539185
复制相关文章
腾讯云开发者
