Ruby on rails Rails，使用ul li的菜单不能同时打开两条记录

我有以下html和rails代码：

<div class="menu"> 
    <%
      # 0 - owner
      # 1 - admin
      # 2 - member
    members.each do |mem|
        #if mem.num != 0 and status !=2
            if mem.num == 1 then role = "admin" end
            if mem.num == 2 then role = "member" end

    %>

    </br>


        <ul id = "#{mem.str}">                                                           
            <li> <%= link_to mem.str%>
                <ul> 
                    <li><td> <%= check_box_tag "members[]", mem.str %> Rights: <%= select_tag "rights[#{mem.str}]", options_for_select(["admin", "member"],role),  :class => "table_column_width" %></p></td></li>             
                </ul>       
            </li>  
        </ul>
    <br/>
    <%end%>
</div>

---

菜单工作得很好，但是如果我有两个以上的成员，我就不能同时打开第一个成员和第二个成员的菜单，这样我就可以看到第一个成员和第二个成员的权限。当我点击另一个成员时，第一个成员的菜单关闭，另一个成员的菜单打开。如果单击打开菜单，我希望为所有成员打开菜单。

我相信这是浏览器内置的功能。当字段失去焦点时，它将关闭选择框。您可以使用JS插件，如select2，并尝试阻止某些默认行为或编写自己的插件。您可以最终将其更改为具有嵌套li的ul，然后使用jQuery操作字段的可见性，这取决于您的需要