jquery动态追加表格行与删除行

追影

1. <form action="{url:/goods/fangan_save/}" method="post">
   
2.                         <table class="form_table" cellpadding="0" cellspacing="0">
   
3.                        
   
4.                                 <tr>
   
5.                                         <th>参数模型名称：</th>
   
6.                                         <td>
   
7.                                                 <input class="normal" name="guige_name" type="text" value="{$item['guige_name']}" pattern="required" alt="名称不能为空" /><label>* 必选项</label>
   
8.                                                 <input name="guige_id" value="{$item['guige_id']}" type="hidden" />
   
9.                                         </td>
   
10.                                 </tr>
    
11.                 {if:!isset($item['guige_arr'])}
    
12.                                 <tr>
    
13.                                         <th>参数名：</th>
    
14.                                         <td><input class="normal" name="par[]" type="text" value="" /><label id="getAtr">追加参数</label></td>
    
15.                                 </tr>
    
16.                 {else:}
    
17.                 <tr><th><label id="getAtr">追加参数</label></th><td></td></tr>
    
18.                {foreach:items = $item['guige_arr'] item=$vo}
    
19.                 <tr>
    
20.                                         <th>参数名：</th>
    
21.                                         <td><input name="gd_id[]" type="hidden" value="{$vo[id]}" /><input class="normal" name="par_{$vo[id]}" type="text" value="{$vo[canshu_name]}" /><button onClick="getDel(this)">删除参数</button></td>
    
22.                                 </tr>
    
23.                 {/foreach}
    
24.                 {/if}
    
25.                
    
26.             <tbody id="addTr">   
    
27.             </tbody>
    
28.                                 <tr>
    
29.                                         <td></td><td><button class="submit" type="submit"><span>确 定</span></button></td>
    
30.                                 </tr>
    
31.                         </table>
    
32.                 </form>
    
33. <script type='text/javascript'>
    
34. $(function(){   
    
35.     $("#getAtr").click(function(){           
    
36.         $str='';
    
37.         $str+="<tr>";
    
38.         $str+= '<th>参数名：</th>';
    
39.         $str+= '<td><input class="normal" name="par[]" type="text" value="" /><button onClick="getDel(this)">删除参数</button></td>';
    
40.         $str+="</tr>";
    
41.         $("#addTr").append($str);   
    
42.     });
    
43. });
    
44. 
    
45. function getDel(k){
    
46.     $(k).parent().parent().remove();     
    
47. }
    
48. </script>

复制代码

Mypadaphone

不错，不错

爱笑小猪猪

恩啊  不错不错。。。。