jquery - RailsでドロップダウンとJqueryを使用して編集パスにリダイレクト

Question

アイテムの選択ドロップダウンがあります。ユーザーがアイテムを選択すると、item_id の edit_item_path にリダイレクトする必要があります。例: ユーザーが id =5 のアイテムを選択した場合、items/5/edit パスにリダイレクトする必要があります

Rails 3とjqueryでこれを行う方法は?

Answer 1

ドロップダウンが次のようになっているとしましょう。

<select id="editable_pages">
  <option value="1">Edit 1</option>
  <option value="2">Edit 2</option>
</select>

その場合、次の jquery スニペットが機能するはずです。

$('#editable_pages').change(function() {
    window.location = "items/+ $(this).find(":selected").text() +/edit";
});

より良い解決策は、Rails ルート ヘルパーを使用することです。これを行うには、url を含む html5 データ属性を各オプションに追加できます。

<option value="1" data-edit-url="<%= edit_item_url(1) %>">Edit 1</option>

$('#editable_pages').change(function() {
    window.location = $(this).find(":selected").data('edit-url');
});

Answer 2

私はこのようなことをします...

<% @item_paths = {""=>"", "Item 5" => edit_item_path(5), "Item 4" => edit_item_path(4)}%>
<%= select_tag :edit_item, options_for_select(@item_paths)%>

<script type="text/javascript">
      $('#edit_item').change(function() {
      window.location = $(this).find('option:selected').val();
      });
 </script>