クリックが発生したときにURLにIDを設定するためにJSを起動するcollection_selectがあります。これがコードです。
アプリケーション.js
$(document).ready(function(){
$("#org_id").on("change", function(){
val = $(this).val();
window.location = '/sessions?org_id='+ val;
});
});
見る
<div id="org-select">
<%= collection_select :org, :id, Org.all, :id, :name %>
</div>
レンダリングされたhtml
<div id="org-select">
<select id="org_id" name="org[id]"><option value="1">bustas</option>
<option value="2">wintas</option></select>
/sessions?org_id=2 のような URL を取得するだけです。
私が抱えている問題は、ページの選択ボックスがデフォルトで最初の組織になり、ユーザーが選択のオプションを変更すると、ページが起動/更新されますが、ページはデフォルトで最初の組織に戻るため、ID URL は変更されません。