Dropdown select table

Question

在我的rails项目中，我得到了一个下拉列表，在这个下拉列表中我想选择特定的用户并查看表格中的项目。

下拉：

<ul class="dropdown-menu dropdown-user users"> 
    <% @list.each do |i| %> 
    <li>id <%= i.id%></a> 
     <% end %> 
    </li> 
</ul> 

表：

<table class="table table-striped"> 
    <tbody> 
     <tr> 
     <th></th> 
     <th>First Name</th> 
     <th>Last Name</th> 
     <th>Age</th> 
     </tr> 
     <br> 
     <% @list[id].each do |u| %> 
     <tr> 
     <td> 
      <ul class="list green"> 
       <li><%=u.id%></li> 
      </ul> 
     </td> 
     <td><%=u.name%></td> 
     <td><%=u.name%></td> 
     <td><%=u.age%></td> 
     </tr> 
     <%end%> 
    </tbody> 
</table> 

我如何可以通过这个ID <li>id <%= i.id%></a>来这里？ <% @list[id].each do |u| %>

Answer 1

你可以在ID添加到每个列表项如下：

<ul class="dropdown-menu dropdown-user users"> 
    <% @list.each do |i| %> 
    <li data-id="#{<%= i.id%>}"> 
    id <%= i.id%> 
    </li> 
    <% end %> 
</ul> 

然后也ID添加到每个行中的表和使用JavaScript来隐藏所有行，但有一个ID的一个匹配选定的ID：

<table class="table table-striped"> 
    <tbody> 
     <tr> 
     <th></th> 
     <th>First Name</th> 
     <th>Last Name</th> 
     <th>Age</th> 
     </tr> 
     <br> 
     <% @list.each do |i| %> 
     <% i.each do |u| %> 
     <tr data-id="#{<%= u.id%>}"> 
      <td> 
       <ul class="list green"> 
       <li><%=u.id%></li> 
       </ul> 
      </td> 
      <td><%=u.name%></td> 
      <td><%=u.name%></td> 
      <td><%=u.age%></td> 
     </tr> 
     <%end%> 
     <%end%> 
    </tbody> 
</table> 

或者你可以只使用ajax来更新表格。无论哪种方式将工作。