在rails中创建许多链接的下拉列表答案

【问题标题】：Create a drop down list of many links in rails在rails中创建许多链接的下拉列表
【发布时间】：2014-05-17 07:39:41
【问题描述】：

我有很多链接，例如链接 1、链接 2、链接 3、链接 4 ...链接 9。我必须在下拉列表中添加这些链接。我尝试使用 rails select_tag 以及 html 标签

使用 html 选择标签

<span class="device_update">
    <select>
      <option value="link1"><%= link_to "link1", "#",{:remote => true, 'data-toggle' =>  "modal", 'data-target' => '#modal-window'} %></option>
      <option value="link2"><%= link_to "link2", "#",{:remote => true, 'data-toggle' =>  "modal", 'data-target' => '#modal-window'} %></option>
      <option value="link3"><%= link_to "link3", "#",{:remote => true, 'data-toggle' =>  "modal", 'data-target' => '#modal-window'} %></option>
           ......

      <option value="link9"><%= link_to "link9", "#",{:remote => true, 'data-toggle' =>  "modal", 'data-target' => '#modal-window'} %></option>
        </select>
    </span>

如何制作多个链接的下拉列表

【问题讨论】：

它创造了什么？提供一些额外的信息
创建下拉列表但不创建链接
您不能在选项标签中使用 link_tag。
@anonymousxxx 我不明白你能指定例子吗。

标签： ruby-on-rails ruby-on-rails-3 ruby-on-rails-3.2

【解决方案1】：

我通过以下方式做到了这一点。为此我参考bootstrap button dropdowns

<div class="btn-group">
      <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
        Action <span class="caret"></span>
      </button>
      <ul class="dropdown-menu" role="menu">
        <li><%= link_to "link1", "#",{:remote => true, 'data-toggle' =>  "modal", 'data-target' => '#modal-window'} %></li>
        <li><%= link_to "link1", "#",{:remote => true, 'data-toggle' =>  "modal", 'data-target' => '#modal-window'} %></li>
        <li><%= link_to "link3", "#",{:remote => true, 'data-toggle' =>  "modal", 'data-target' => '#modal-window'} %></li>
        <li class="divider"></li>
        <li><%= link_to "link4", "#",{:remote => true, 'data-toggle' =>  "modal", 'data-target' => '#modal-window'} %></li>
      </ul>
    </div>

【讨论】：

【解决方案2】：

正如 @anonymousxxx 所说，optiontag 中不能有 link_to 或 hyperlink。

您最好使用jquery slideToggle() 列出链接的drop-down

<div class="button">click me</div>
<div class="dropdown">
    <a href="">link1</a>
    <a href="">link2</a>
    <a href="">link3</a>
    <a href="">link4</a>
</div>

Jquery 代码是

$(".button").click(function(){
    $(".dropdown").slideToggle();
});

Working Demo

【讨论】：