Typeahead list is not loading based on'change'event

Question

在rails 4.2.4中，我使用的是用於自動完成列表的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() 
    } 
}