標籤:按鈕 點擊 帶編號
<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
點擊按鈕帶編號增加一行js