-1

我有一个非常具体的问题困扰着我一天。尝试了很多不起作用的解决方案，所以我来堆栈溢出。

问题描述：

因此，我有一个页面显示对象（兔子）的行，并且对于每一行，我都试图创建一个按钮，该按钮调用一个 javascript 函数，该函数显示和隐藏一个包含另一个与该兔子对象相关的血清表的部门。一只兔子有许多血清，因此有桌子。

问题：每当我单击按钮显示表格时，它总是显示第一行的血清，即第一个兔子对象。

下面是我的代码。请查看并指出任何明显的错误或想到的任何解决方案谢谢

控制器方法：

def lampire_rabbit_list
@rabbits = PolyAnimal.lampire_rabbits
end

模型方法：

  <%= javascript_include_tag :defaults, 'sortable' %>
  <%= stylesheet_link_tag "peptide" %>
  <h1> Lampire Rabbits </h1>

  <style>
  div#serums
  {
   display:none;
   }

 </style>


 <script>
   function showHideTable()
  {
    var status = document.getElementById("serums")
    status.style.display = (status.style.display == "table") ? "none" : "table";

    }

 </script>




  <table class="sortable" cellpading="5" cellspacing="2" width="100" >
  <tr>
    <th> Rabbit Number </th>
    <th> Location </th>
    <th> Group Name </th>  
    <th> Transition </th>
    <th> Notes </th>
    <th> Current Injected Lots</th>
    <th> Show Serums </th> 
   </tr>


   <% for rabbit in @rabbits %>
   <% vendor = rabbit.vendor.name rescue 'NA' %>
   <% serums = rabbit.serums %>
   <tr valign = "top" class= "<%= cycle('color_one', 'color_two') %>">
    <td><%= rabbit.animal_number %></td>
    <td><%= rabbit.location %></td>
    <td><%= vendor %></td>
    <td><%= rabbit.transition%></td>
    <td><%= rabbit.notes%></td>
    <td><%= rabbit.current_number_injected_lots %></td>
    <td id = "linker"><button  onclick = "showHideTable();">click to show</button>


                                            <div id = "serums">
                                                    <table>
                                                            <%for serum in serums%>
                                                            <tr><td align = "center"> <%= link_to "#{serum.bleed_date.strftime("%d-%m-%Y")}", :controller => 'serum', :action => 'report', :id => serum.id rescue ''%></td></tr>

                                                            <%end%>
                                                    </table>       

                                            </div>   


    </td>

       </tr>
   <%end%>
</table>
4

1 回答 1

0

我刚刚想通了。我必须将每只兔子的兔子 ID 作为变量传递给 javascript 函数。啊！！！！

于 2013-11-07T17:31:09.107 回答