Javascript 下拉选择表

在我的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

id

传递到此处<代码>

您可以将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来更新表。。任何一种方法都可以。

否。下拉列表和表格位于同一页@TinMonkey