如何使用选择菜单和 link_to 重定向到另一个页面 - Ruby on Rails

Question

我想使用选择菜单重定向到另一个页面，但是当我选择“主页”时，它不会将我重定向到主页。什么也没发生...

<select>
    <option>Select a menu</option>
    <option><%= link_to 'Home', '/' %></option>
</select>

谢谢你的帮助。

Answer 1

您不能将链接放入 SELECT 标记内。这是 HTML 的限制，而不是 Rails 的限制。

相反，您应该做的是这样的：

<%= select_tag(:menu_select, options_for_select([ 'Home', '/' ])) %>

然后您需要确保在选择新链接时加载页面。这可以通过 jQuery 使用类似以下内容来完成：

$('#menu_select').bind('change', function() { window.location.pathname = $(this).val() });

当表单选择更改时，将加载新的 URL。

Answer 2

link_to 帮助器输出一个 HTML 超链接，当嵌套在 option 元素中时，该超链接将不起作用。您应该更改您的选项，使其具有以下格式：

<option value="/">Home</option>

然后您可以使用一些 JavaScript 来观察下拉列表的 onchange 事件，并将 document.location.href 设置为所选选项的值。这将执行重定向。

或者，您可以在提交表单的下拉列表旁边有一个Go提交按钮，然后让Rails使用redirect_to 帮手。

Answer 3

这也将起作用：

<select onChange="if(this.selectedIndex!=0) self.location=this.options[this.selectedIndex].value">
<option value="/">Home</option>
</select>