大米CMS官网论坛,大米站长联盟,大米站长之家,大米开发者社区

 找回密码
 注册大米会员

QQ登录

只需一步,快速开始

查看: 3102|回复: 2

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

[复制链接]

366

主题

625

帖子

5078

积分

超级版主

Rank: 8Rank: 8

积分
5078

授权用户

发表于 2015-3-3 16:39:46 | 显示全部楼层 |阅读模式
  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. function getDel(k){
  45.     $(k).parent().parent().remove();     
  46. }
  47. </script>
复制代码




回复

使用道具 举报

0

主题

23

帖子

55

积分

注册会员

Rank: 2

积分
55
发表于 2015-8-26 22:55:44 | 显示全部楼层
不错,不错
回复

使用道具 举报

0

主题

37

帖子

163

积分

注册会员

Rank: 2

积分
163
发表于 2015-10-13 10:45:57 | 显示全部楼层
恩啊  不错不错。。。。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册大米会员

本版积分规则

QQ|小黑屋|大米CMS社区 ( 蜀ICP备11002200号-2广告联系:广告联系 

Powered by 大米CMS

© 2010-2020 大米CMS Inc.

快速回复 返回顶部 返回列表