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');
});