Question

我正在尝试使用带远程选项的typeahead.js 0.9.3 https://github.com/twitter/typeahead，基本上我想在5-6个字段上应用自动完成，我想根据当前的id添加动态值我的远程网址和valuekey中的字段。

这就是我的尝试。

jQuery(function($) {
$( ".posts_autocomplete" ).each(function() {
  var fid = $(this).attr("id");
  var field = fid.replace("post_", "");
  $(this).typeahead({
    name: 'posts_search',
    remote: '/posts/search?q=%QUERY&field='+field,
    valueKey: field,
    minLength: 2,
    limit: 10
  });
});
});

我也尝试过替换Bootstrap 3 typeahead.js - remote url attributes但它似乎不起作用。

Answer 1

在每次迭代中使用typehead的唯一名称解决它。

jQuery(function($) {
$( ".posts_autocomplete" ).each(function(i) {
  var fid = $(this).attr("id");
  var field = fid.replace("post_", "");
  $("#"+fid).typeahead({
    name: i,
    remote: '/posts/search?q=%QUERY&field='+field,
    valueKey: field,
    minLength: 2,
    limit: 10
  });
});
});

具有动态值的Twitter远期源自动完成功能

1 个答案: