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

來源:互聯網
上載者:User

標籤:按鈕   點擊   帶編號   

<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

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.