Question

我正在使用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感到困惑......有人可以帮忙找到解决方案吗？

Answer 1

您可以将查询构造绑定到字段的输入事件，例如：

$('#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');

Bootstrap-3-Typeahead中的动态数据源

1 个答案: