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更新表格。无论哪种方式都可以。

下拉选择表

1 个答案: