javascript 动态表格

短命女 2022-04-17 06:13 236阅读 0赞

function build_row(){    
         var table = document.getElementById("Table1");
         var rowTitle = table.insertRow();    
         var cell1 = rowTitle.insertCell();
         cell1.innerHTML = " <input name='childnam'  style='width:120px' type='text' οnblur='checkSy();checkJg()'  maxlength='10' onKeyDown='if(event.keyCode==13)event.keyCode=9;' /><input name='child_id'  type='hidden'  maxlength='10' onKeyDown='if(event.keyCode==13)event.keyCode=9;'  value='' />";    
         var cell2 = rowTitle.insertCell();
         cell2.innerHTML = "<select name='childsex' style='width:50px' onKeyDown='onKD(0)' οnchange='sumChild()'><%=v07.prog.optStr2(DBC,"select num,txt from fp_const where tag='syssex' and num>0 order by num",T[5])%></select>";
         var cell3 = rowTitle.insertCell();
         cell3.innerHTML = "<input name='childdat1'  type='text' οnblur='cgdat();sumChild()'  maxlength='10' style='width:110px' onKeyDown='if(event.keyCode==13)event.keyCode=9;' />";
         var cell4 = rowTitle.insertCell();
         cell4.innerHTML = "<input name='childdat2'   type='text' οnblur='cgdat();sumChild();changen3()'  maxlength='10' style='width:130px' onKeyDown='if(event.keyCode==13)event.keyCode=9;'  />";
         var cell5 = rowTitle.insertCell();
         cell5.innerHTML = "<select name='childremark'  style='width:90px'  οnblur='checkSy()' onKeyDown='onKD(0)' ><option value='0'>亲生</option><option value='2'>继子女</option><option value='1'>收养</option><option value='3'>寄养</option></select>";
         var cell5 = rowTitle.insertCell();
         cell5.innerHTML = "<span style='cursor:hand;width:190px;text-align: center' οnclick='delRow(this);checkSy();'> X 删除 </span>";
    }    
    
    function delRow(obj){    
        var tr = obj.parentElement.parentElement;    
        var tb = tr.parentElement.parentElement; 
        tb.deleteRow(tr.rowIndex);    
        
     }

留着下次就可以 直接用了。。O(∩\_∩)O哈哈~