如何添加和onclick事件到一个submit_tag

Question

请我试图添加一个onclick事件到我的按钮在rails 5上，当点击这个功能是添加行到表，但它不工作我需要帮助。

**addRow function** 

function addrow(count){ 
    var table = document.getElementById("result_table"); 
    var row = document.getElementById("result_table").lastChild; 
    var clone = row.cloneNode(true); 
    for (i=0; i<count; i++)}{ 
    table.appendChild(clone); 
    } 
} 

和上面的功能是在一个名为controlMenus.js这是摆在C文件：\ Users \用户名\文档\百货\程序\资产\ JavaScript的 Rails项目目录。

**The view** 

<div = "row"> 
    <div class = "col-8"> 
    <div class = "col-1"></div> 
    <div class = "col-1 no-padding"> 
     <%= render 'layouts/lecturer_menu' %> 
    </div> 

    <div class = "col-5 no-padding margin-left"> 
     <div class = "trans-background no-padding"> 
     <h5 class = "pad-left centered black-font">ENTER RESULT</h5> 
     <table id = "result_table" border = "1" style="width: 100%; 
       align: center;"> 
      <th>S/N</th> 
      <th>MATNO</th> 
      <th>NAME</th> 
      <th>COURSE TITLE</th> 
      <th>COURSE CODE</th> 
      <th>GRADE</th> 
      <th>POINT</th> 
      <tr> 
      <td>1</td> 
      <td>HELLO</td> 
      <td>HELLO</td> 
      <td>HELLO</td> 
      <td>HELLO</td> 
      <td>HELLO</td> 
      <td>HELLO</td> 
      </tr> 
      <% for i in(1..@row.to_i)do %> 
      <tr> 
       <td><%= i+1 %></td> 
       <td>HELLO</td> 
       <td>HELLO</td> 
       <td>HELLO</td> 
       <td>HELLO</td> 
       <td>HELLO</td> 
       <td>HELLO</td> 
      </tr> 
      <% end %> 
     </table> 
     <%= form_for :rows, url: {controller: "lectureractivities", 
       action: "addrow"} do |f| %> 
      <%= f.number_field :row, {min: 1, class: "fixed-width"} %> 
      <%= submit_tag :addrows, onclick: "addrows();" %> 
     <% end %> 
     </div> 
    </div> 
    <div class = "col-1"></div> 
    </div> 
</div> 

Answer 1

什么是不工作的意思？你做了什么来调试？你确认js文件正在加载吗？你有没有记录任何东西到控制台，以确保你的js函数变量是你期望他们是什么？对于初学者来说，有一些在你的HTML错误的，最明显的是在这一行

<%= submit_tag :addrows, onclick: "addrows();" %> 

你调用一个函数“addrows”，但你的函数定义为“addrow”。尝试将其更改为

<%= f.submit_tag :addrows, onclick: "addrow();" %>