1. 程式人生 > >點擊按鈕帶編號增加一行js

點擊按鈕帶編號增加一行js

按鈕 點擊 帶編號

<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