use*_*247 1 ruby-on-rails ruby-on-rails-3 ruby-on-rails-3.2
我有很多关于例如link1,link2,link3,link4 ... link9的链接.我必须在下拉列表中添加这些链接.我尝试使用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>
Run Code Online (Sandbox Code Playgroud)
如何制作许多链接的下拉列表
我通过以下方式做到了这一点.为此我引用了bootstrap按钮下拉菜单
<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>
Run Code Online (Sandbox Code Playgroud)