jquery动态追加表格行与删除行 - 大米CMS官网论坛，大米站长联盟，大米站长之家，大米开发者社区

<form action="{url:/goods/fangan_save/}" method="post">
<table class="form_table" cellpadding="0" cellspacing="0">
<tr>
<th>参数模型名称：</th>
<td>
<input class="normal" name="guige_name" type="text" value="{$item['guige_name']}" pattern="required" alt="名称不能为空" /><label>* 必选项</label>
<input name="guige_id" value="{$item['guige_id']}" type="hidden" />
</td>
</tr>
{if:!isset($item['guige_arr'])}
<tr>
<th>参数名：</th>
<td><input class="normal" name="par[]" type="text" value="" /><label id="getAtr">追加参数</label></td>
</tr>
{else:}
<tr><th><label id="getAtr">追加参数</label></th><td></td></tr>
{foreach:items = $item['guige_arr'] item=$vo}
<tr>
<th>参数名：</th>
<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>
</tr>
{/foreach}
{/if}
<tbody id="addTr">
</tbody>
<tr>
<td></td><td><button class="submit" type="submit"><span>确定</span></button></td>
</tr>
</table>
</form>
<script type='text/javascript'>
$(function(){
$("#getAtr").click(function(){
$str='';
$str+="<tr>";
$str+= '<th>参数名：</th>';
$str+= '<td><input class="normal" name="par[]" type="text" value="" /><button onClick="getDel(this)">删除参数</button></td>';
$str+="</tr>";
$("#addTr").append($str);
});
});
function getDel(k){
$(k).parent().parent().remove();
}
</script>

复制代码