Typeahead 列表未根据 'change' 事件加载

Question

在 rails 4.2.4 中，我使用 typeahead jquery 插件来自动完成列表。现在 typeahead list 将仅在第一次加载自定义参数。第二次列表不会重新加载。

在浏览量中，

$('#state_id').on('change', function(){
  $(".state-based-city").typeahead({
    ajax: {
      url: "/typeaheads/cities?id=" + $("#state_id :selected").val(),
      timeout: 500,
      displayField: "value",
      method: "get"
    }
  });
});

根据此代码，当我更改状态值时，城市列表将基于它加载。如果我第二次更改状态值，那么城市列表将根据旧状态值加载。

我该如何解决这个问题？

Answer 1

试试这个，

$(".state-based-city").typeahead({
  ajax: {
    url: "/typeaheads/cities",
    timeout: 500,
    displayField: "value",
    method: "get",
    preDispatch: function (query) {
    return {
      query: query,
      id: $("#state_id :selected").val()
   }
}