<table class="tblborder" cellspacing="1" cellpadding="5" width="100%" align="center" bgcolor="#42344a" border="0">
<tr><td><strong id="add_process">＋增加</strong> <strong id="del_process">-删除</strong> <strong id="display_on">展开/收起</strong></td></tr>
<tr>
<tbody>
<tr id="shiyong" class="firstalt" bgcolor="#bdbabd">
<td>
<strong>选择工单</strong>
</td>
<td>
<select name="pd_worknum[]" style="width:249px;" onchange="work_process(this);">
<option value="">生产工单1</option>
<option value="">生产工单2</option>
<option value="">生产工单3</option>
<option value="">生产工单4</option>
</select>
<select name="pd_process[]" style="width:80px;">
<option value="">工序1</option>
<option value="">工序2</option>
<option value="">工序3</option>
<option value="">工序4</option>
</select>
<select name="pd_status[]">
<option value="加工中">加工中</option>
<option value="维修中">维修中</option>
<option value="待料中">待料中</option>
</select>
</td>
</tr>
</tbody>
</tr>
</table>
<script>
/**************************带编号点击增加一行****************************/
var num = 0,
container = $("#ttbody");
id = container.find(".firstalt").attr("id");
$("#add_process").click(function(){
var addCon = container.find(".firstalt:last").clone(true),
newId = id + ‘_‘ + num;
addCon.attr("id",newId);
container.append(addCon);
num++;
});
/**************************点击删除一行****************************/
$(‘#del_process‘).click(function(){
var trnum=$(‘#ttbody‘).find("tr").length;
ttbody.deleteRow(trnum-1);
});
/**************************点击展开隐藏****************************/
$(‘#display_on‘).click(function(){
$(‘.firstalt:gt(1)‘).toggle();
});
</script>
点击按钮带编号增加一行js，点击删除一行js，点击展开隐藏js原文地址：http://7300272.blog.51cto.com/7290272/1952716
