Question

我有动态生成的表。当你在输入字段中添加一些值时，脚部分中有一些输入字段，它以行的形式将值保存在该表的主体中。这是我的代码

 <table border="1" class="entity_table">
   <tfoot>
     <tr>
       <td>
        <div class="pane1"></div>
        <div class="pane2">
          <input type="text" id="name"><br>
          <select id="data">
           <option value="1">int</option>
           <option value="2">tinyint</option>
         </select>
         <br><span id="save">save</span>
       </div>
     </td>
   </tr>
 </tfoot>
 <tbody class="table-body" id='myid'></tbody>
</table>

这是我的JS代码，用于在其父表中保存输入字段的值

   $(function(){
     $('#save').click(function(){
     var name = $(this).closest('tr').find('input[type=text]').val();
     var data =  $(this).closest('tr').find('select').val();                 
    $(this).closest('table').find('tbody').append('<tr><td>'+name+' and '+data+'</td></tr>');
   }); 
  });

它在其父表中的工作正常保存值。但是当我开始生成更多动态表时，第一个表开始重复这些值，它添加两行具有相同的数据而不是一个..似乎它调用保存函数两次如果有三个表，则为三次，四个表为四次。

任何人都可以帮忙，为什么会这样......任何帮助我该如何解决这个问题？

thanx

在动态表中重复功能

0 个答案: