2015-04-23 70 views
0

我在页面上有一些选项卡,我想在手机上查看时将其变为选择框。我使用Bootstrap,因此显示和隐藏选项卡和选择框不是问题。我的问题是我无法弄清楚如何让路径进入选择框。我并没有从数据库和我在网上找到的大多数例子中抽取任何东西,在那里如何从db中的记录创建一个select。Jquery Dynamic Select In Rails

下面是相关查看代码:

<div class="pull-right hidden-xs"> 
    <div class="page-nav-tabs"> 
    <ul class="nav nav-tabs"> 
     <li> 
     <%= link_to "Everything", activities_path, class: "#{'active' unless params[:content]}" %> 
     </li> 
     <li> 
     <%= link_to "Posts Only", activities_path(content: "posts"), class: "#{'active' if params[:content] == 'posts'}" %> 
     </li> 
    </ul> 
    </div> 
</div> 
<div class="container visible-xs"> 
    <div class="row"> 
     <div class="col-md-12"> 
     <select id="dynamic_select" class="form-control"> 
      <option value="<%= link_to activities_path %>">View Everything</option> 
      <option value="<%= link_to activities_path(content: 'posts') %>">View Posts Only</option> 
     </select> 
     </div> 
    </div> 
    </div> 

,如果我只是把谷歌或堆栈溢出的URL中的值的动态选择的作品,所以我知道的jQuery是那里工作。我如何让Rails将正确的路径放入值中?

谢谢。

丰富

回答

0

助手link_to创建一个实际a元素,你不希望你的里面选择select。假设你的JavaScript正在工作,你应该可以做到这一点:

<select id="dynamic_select" class="form-control"> 
    <option value="<%= activities_url %>">View Everything</option> 
    <option value="<%= activities_url(content: 'posts') %>">View Posts Only</option> 
</select> 

路径和URL助手只输出一个字符串。取决于JavaScript的工作方式,您可能需要其中一个,但我猜它期望完整的URL。

+0

Drenmi,谢谢。它只在斜线后面插入URL的一部分。我如何获取完全限定的URL? –

+0

我更新了答案。只需用'url'代替'path'就好:'activities_url'。 – Drenmi

+0

谢谢!我仍然在学习Rails的细节。 –