JQuery ajaxフォームのサブミットは選択値をリセットし、それを保持しません

Question

テーブルの結果をフィルタリングするために使用する選択フィールドがあります。 selectからオプションを選択すると、ajaxが起動してテーブルが更新されますが、テーブルが更新されるとselectがリセットされます。フィルタにテキストボックスを使用すると、この問題は発生しません。

形式：

<%= form_tag items_path, method: :get, class: "navbar-form search-form", remote: true do %> 
    <%= select_tag :search, options_from_collection_for_select(Model.all, "id", "id"), include_blank: true, class: "form-control", id: "filter-key" %> 
<% end %> 

JS/jQueryの選択値をリセットする必要があります返されていたスクリプトで

$(document).ready(function(){ 

    $(document).on("change", "#filter-key", function(){ 
    var form = $('.search-form'); 
    $.get(form.action, form.serialize(), null, 'script'); 
    return false; 
    }); 

}); 

Answer 1

何か。値を保存してAJAXコードに戻すことができます。

var self = $(this); 
var oldValue = self.val(); 
$.getScript(form.attr('action'), form.serialize(), function() { 
    self.val(oldValue); 
});