未按照更改＆＃39;加载未输入列表。事件

Question

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

在观看中，

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