`

js动态增加行

    博客分类:
  • JS
 
阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">

<script type="text/javascript">

function Reset() {
var f = document.forms[0];
alert(f.id);
f.reset();
}
function getTD() {
var newtd = document.createElement("td");
newtd.setAttribute("align", "left");
newtd.style.backgroundColor = "#ffffff";
newtd.setAttribute("valign", "top");

newtd.style.BORDERRIGHT="windowtext 1pt solid";
newtd.style.PADDINGRIGHT="5.4pt";
newtd.style.BORDERTOP="medium none";
newtd.style.PADDINGLEFT="5.4pt";

  //PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:45.8pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'
return newtd;
}

function getGoosList() {

  var table = document.getElementById("Table1");
     
      var trs = table.getElementsByTagName("tr");
      var tds = trs[3].getElementsByTagName("td");
   
   
    
      var str1="";
  for ( var i = 0; i < tds.length-1; i++) {
 
  for(var j=3;j<trs.length-1;j++){
             if(table.rows[j].cells[i].children(0)){
            
                str1 +=","+table.rows[j].cells[i].children(0).value;
              
             }
       
        table.rows[j].cells[i].children(0).value="";

         }
 
                table.rows[3].cells[i].children(0).value=str1.substr(1,str1.length);
                str1="";
               
       }


}
function getValue(){
var  table = document.getElementById("Table1");
var trs = table.getElementsByTagName('tr');

var str=table.rows[3].cells[0].children(0).value;

  if(str!=""){

      var s = str.split(",");
  
      
       var len=trs.length-4;
     
      for(var i=0;i<s.length-len;i++){
    
         getGoods();    
    }
var trs = table.getElementsByTagName('tr');
   var tds = trs[3].getElementsByTagName("td");
for ( var i = 0; i < tds.length-1; i++) {
       var str= table.rows[3].cells[i].children(0).value;
       str = str.split(",");
  for(var j=3;j<trs.length-1;j++){
             if(table.rows[j].cells[i].children(0)){
              
                
                  if(str!=""&&str[j-3]!=undefined){
                   
                    table.rows[j].cells[i].children(0).value=str[j-3];
                  }
                   
             }
         }
       }
}


}


function getGoods() {

var table1 = document.getElementById('Table1');
var trs = table1.getElementsByTagName('tr');
var idx = trs.length - 1;
var newtr = table1.insertRow(idx);
        var temp =newtr.rowIndex;
      
newtd = getTD();
newtd.innerHTML = ' <input type="text" name="txtMC'+temp+'" size="15">';

newtr.appendChild(newtd);


newtd = getTD();
newtd.innerHTML = '<input type="text" name="txtGGXH'+temp+'" size="20">';
newtr.appendChild(newtd);

newtd = getTD();
newtd.innerHTML = '<input type="text" name="txtJLDW'+temp+'" size="5">';
newtr.appendChild(newtd);

newtd = getTD();
newtd.innerHTML = ' <input type="text" name="txtSL'+temp+'" size="5">';
newtr.appendChild(newtd);

newtd = getTD();
newtd.innerHTML = '<input type="text" name="txtDJ'+temp+'" size="5">';
newtr.appendChild(newtd);



newtd = getTD();
newtd.innerHTML = ' <input type="text" name="txtYSJE'+temp+'" size="5">';
newtr.appendChild(newtd);

newtd = getTD();
newtd.innerHTML = ' <input type="text" name="txtLZKM'+temp+'" size="5">';
newtr.appendChild(newtd);

newtd = getTD();
newtd.innerHTML = ' <input type="text" name="txtGZLY'+temp+'" size="15">';
newtr.appendChild(newtd);

newtd = getTD();
newtd.innerHTML = '<a href="javascript:void(0)" onclick="CancelTr(this)" >取消</a>  ';
newtr.appendChild(newtd);


}

function CancelTr(_this) {
var dtr = _this.parentNode.parentNode;
dtr.parentNode.removeChild(dtr);



}
</script>
</head>
<body>
<table>
<tr>
<td align="center"><b style='mso-bidi-font-weight:normal'><u style='text-underline:double'><span style="FONT-SIZE:18pt;FONT-FAMILY:方正小标宋_GBK;mso-bidi-font-size:10.0pt;mso-hansi-font-family:方正小标宋_GBK;mso-bidi-font-family:'Times New Roman';mso-font-kerning:1.0pt;mso-ansi-language:EN-US;mso-fareast-language:ZH-CN;mso-bidi-language:AR-SA">
固定资产购置申请单</span></u></b></td>
</tr>
<tr>
<td>
<table class="MsoNormalTable"   border="1" cellspacing="0" cellpadding="0" style='BORDER-RIGHT:medium none; BORDER-TOP:medium none; MARGIN-LEFT:-3.6pt; BORDER-LEFT:medium none; BORDER-BOTTOM:medium none; BORDER-COLLAPSE:collapse; mso-table-layout-alt:fixed; mso-border-alt:solid windowtext .5pt; mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-border-insideh:.5pt solid windowtext; mso-border-insidev:.5pt solid windowtext'
ID="Table1">
<tr style='HEIGHT:31.1pt;mso-yfti-irow:0;mso-yfti-firstrow:yes'>
<td width="98" style='BORDER-LEFT:windowtext 1pt solid;BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:windowtext 1pt solid; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; WIDTH:73.6pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; HEIGHT:31.1pt; mso-border-alt:solid windowtext .5pt'>
<p class="MsoNormal" align="center" style='LAYOUT-GRID-MODE:char;TEXT-INDENT:0cm;TEXT-ALIGN:center;mso-char-indent-count:0'>
<span style="FONT-SIZE:15pt;
  FONT-FAMILY:方正黑体_GBK;
  mso-bidi-font-size:10.0pt;
  mso-ascii-font-family:'Times New Roman'">编</span><span lang="EN-US" style='FONT-SIZE:15pt;mso-bidi-font-size:10.0pt'><span style='mso-spacerun:yes'>
</span></span><span style="FONT-SIZE:15pt;
  FONT-FAMILY:方正黑体_GBK;
  mso-bidi-font-size:10.0pt;
  mso-ascii-font-family:'Times New Roman'">号</span><span lang="EN-US" style='FONT-SIZE:14pt;mso-bidi-font-size:10.0pt'><o:p></o:p></span></p>
</td>
<td width="159" colspan="2" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:windowtext 1pt solid; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:119.4pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; HEIGHT:31.1pt; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt'>
<input type="text" name="txtID" size="45">
</td>
<td width="122" colspan="2" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:windowtext 1pt solid; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:91.7pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; HEIGHT:31.1pt; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt'>
<p class="MsoNormal" align="center" style='LAYOUT-GRID-MODE:char;TEXT-INDENT:0cm;TEXT-ALIGN:center;mso-char-indent-count:0'><span style="FONT-SIZE:15pt;
  FONT-FAMILY:方正黑体_GBK;
  mso-bidi-font-size:10.0pt;
  mso-ascii-font-family:'Times New Roman'">申请日期</span><span lang="EN-US" style='FONT-SIZE:14pt;mso-bidi-font-size:10.0pt'><o:p></o:p></span></p>
</td>
<td width="285" colspan="4" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:windowtext 1pt solid; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:213.6pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; HEIGHT:31.1pt; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt'>
<input type="text" name="txtDate" size="45">
</td>
</tr>
<tr style='HEIGHT:31.1pt;mso-yfti-irow:1'>
<td width="98" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:windowtext 1pt solid; WIDTH:73.6pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; HEIGHT:31.1pt; mso-border-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<p class="MsoNormal" align="center" style='LAYOUT-GRID-MODE:char;TEXT-INDENT:0cm;TEXT-ALIGN:center;mso-char-indent-count:0'><span style="FONT-SIZE:15pt;
  FONT-FAMILY:方正黑体_GBK;
  mso-bidi-font-size:10.0pt;
  mso-ascii-font-family:'Times New Roman'">购置进度</span><span lang="EN-US" style='FONT-SIZE:14pt;mso-bidi-font-size:10.0pt'><o:p></o:p></span></p>
</td>
<td width="566" colspan="8" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:424.7pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; HEIGHT:31.1pt; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<input type="text" name="txtJD" size="45">
</td>
</tr>
<tr style='mso-yfti-irow:2'>
<td width="98" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:windowtext 1pt solid; WIDTH:73.6pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; mso-border-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<p class="MsoNormal" align="center" style='LAYOUT-GRID-MODE:char;TEXT-INDENT:0cm;TEXT-ALIGN:center;mso-char-indent-count:0'><span style="FONT-SIZE:14pt;
  FONT-FAMILY:方正黑体_GBK;
  mso-bidi-font-size:10.0pt;
  mso-ascii-font-family:'Times New Roman'">资产名称</span><span lang="EN-US" style='FONT-SIZE:14pt;mso-bidi-font-size:10.0pt'><o:p></o:p></span></p>
</td>
<td width="98" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:73.6pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<p class="MsoNormal" align="center" style='LAYOUT-GRID-MODE:char;TEXT-INDENT:0cm;TEXT-ALIGN:center;mso-char-indent-count:0'><span style="FONT-SIZE:14pt;
  FONT-FAMILY:方正黑体_GBK;
  mso-bidi-font-size:10.0pt;
  mso-ascii-font-family:'Times New Roman'">规格型号</span><span lang="EN-US" style='FONT-SIZE:14pt;mso-bidi-font-size:10.0pt'><o:p></o:p></span></p>
</td>
<td width="61" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:45.8pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<p class="MsoNormal" align="center" style='LAYOUT-GRID-MODE:char;TEXT-INDENT:0cm;TEXT-ALIGN:center;mso-char-indent-count:0'><span style="FONT-SIZE:14pt;
  FONT-FAMILY:方正黑体_GBK;
  mso-bidi-font-size:10.0pt;
  mso-ascii-font-family:'Times New Roman'">计量</span><span lang="EN-US" style='FONT-SIZE:14pt;mso-bidi-font-size:10.0pt'><o:p></o:p></span></p>
<p class="MsoNormal" align="center" style='LAYOUT-GRID-MODE:char;TEXT-INDENT:0cm;TEXT-ALIGN:center;mso-char-indent-count:0'><span style="FONT-SIZE:14pt;
  FONT-FAMILY:方正黑体_GBK;
  mso-bidi-font-size:10.0pt;
  mso-ascii-font-family:'Times New Roman'">单位</span><span lang="EN-US" style='FONT-SIZE:14pt;mso-bidi-font-size:10.0pt'><o:p></o:p></span></p>
</td>
<td width="61" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:45.8pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<p class="MsoNormal" align="center" style='LAYOUT-GRID-MODE:char;TEXT-INDENT:0cm;TEXT-ALIGN:center;mso-char-indent-count:0'><span style="FONT-SIZE:14pt;
  FONT-FAMILY:方正黑体_GBK;
  mso-bidi-font-size:10.0pt;
  mso-ascii-font-family:'Times New Roman'">数量</span><span lang="EN-US" style='FONT-SIZE:14pt;mso-bidi-font-size:10.0pt'><o:p></o:p></span></p>
</td>
<td width="61" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:45.9pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<p class="MsoNormal" align="center" style='LAYOUT-GRID-MODE:char;TEXT-INDENT:0cm;TEXT-ALIGN:center;mso-char-indent-count:0'><span style="FONT-SIZE:14pt;
  FONT-FAMILY:方正黑体_GBK;
  mso-bidi-font-size:10.0pt;
  mso-ascii-font-family:'Times New Roman'">单价</span><span lang="EN-US" style='FONT-SIZE:14pt;mso-bidi-font-size:10.0pt'><o:p></o:p></span></p>
</td>
<td width="71" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:53.4pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<p class="MsoNormal" align="center" style='LAYOUT-GRID-MODE:char;TEXT-INDENT:0cm;TEXT-ALIGN:center;mso-char-indent-count:0'><span style="FONT-SIZE:14pt;
  FONT-FAMILY:方正黑体_GBK;
  mso-bidi-font-size:10.0pt;
  mso-ascii-font-family:'Times New Roman'">预算</span><span lang="EN-US" style='FONT-SIZE:14pt;mso-bidi-font-size:10.0pt'><o:p></o:p></span></p>
<p class="MsoNormal" align="center" style='LAYOUT-GRID-MODE:char;TEXT-INDENT:0cm;TEXT-ALIGN:center;mso-char-indent-count:0'><span style="FONT-SIZE:14pt;
  FONT-FAMILY:方正黑体_GBK;
  mso-bidi-font-size:10.0pt;
  mso-ascii-font-family:'Times New Roman'">金额</span><span lang="EN-US" style='FONT-SIZE:14pt;mso-bidi-font-size:10.0pt'><o:p></o:p></span></p>
</td>
<td width="71" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:53.6pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<p class="MsoNormal" align="center" style='LAYOUT-GRID-MODE:char;TEXT-INDENT:0cm;TEXT-ALIGN:center;mso-char-indent-count:0'><span style="FONT-SIZE:14pt;
  FONT-FAMILY:方正黑体_GBK;
  mso-bidi-font-size:10.0pt;
  mso-ascii-font-family:'Times New Roman'">列支</span><span lang="EN-US" style='FONT-SIZE:14pt;mso-bidi-font-size:10.0pt'><o:p></o:p></span></p>
<p class="MsoNormal" align="center" style='LAYOUT-GRID-MODE:char;TEXT-INDENT:0cm;TEXT-ALIGN:center;mso-char-indent-count:0'><span style="FONT-SIZE:14pt;
  FONT-FAMILY:方正黑体_GBK;
  mso-bidi-font-size:10.0pt;
  mso-ascii-font-family:'Times New Roman'">科目</span><span lang="EN-US" style='FONT-SIZE:14pt;mso-bidi-font-size:10.0pt'><o:p></o:p></span></p>
</td>
<td width="142" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:106.6pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<p class="MsoNormal" align="center" style='LAYOUT-GRID-MODE:char;TEXT-INDENT:0cm;TEXT-ALIGN:center;mso-char-indent-count:0'><span style="FONT-SIZE:14pt;
  FONT-FAMILY:方正黑体_GBK;
  mso-bidi-font-size:10.0pt;
  mso-ascii-font-family:'Times New Roman'">购置理由</span><span lang="EN-US" style='FONT-SIZE:14pt;mso-bidi-font-size:10.0pt'><o:p></o:p></span></p>
</td>
<td width="142" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:106.6pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<p class="MsoNormal" align="center" style='LAYOUT-GRID-MODE:char;TEXT-INDENT:0cm;TEXT-ALIGN:center;mso-char-indent-count:0'><span style="FONT-SIZE:14pt;
  FONT-FAMILY:方正黑体_GBK;
  mso-bidi-font-size:10.0pt;
  mso-ascii-font-family:'Times New Roman'">编辑</span><span lang="EN-US" style='FONT-SIZE:14pt;mso-bidi-font-size:10.0pt'><o:p></o:p></span></p>
</td>
</tr>
<tr style='HEIGHT:23.95pt;mso-yfti-irow:3;page-break-inside:avoid'>
<td width="98" valign="top" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:windowtext 1pt solid; WIDTH:73.6pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; HEIGHT:23.95pt; mso-border-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<input type="text" name="txtMC1" size="15">
</td>
<td width="98" valign="top" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:73.6pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; HEIGHT:23.95pt; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<input type="text" name="txtGGXH1" size="20">
</td>
<td width="61" valign="top" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:45.8pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; HEIGHT:23.95pt; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<input type="text" name="txtJLDW1" size="5">
</td>
<td width="61" valign="top" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:45.8pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; HEIGHT:23.95pt; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<input type="text" name="txtSL1" size="5">
</td>
<td width="61" valign="top" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:45.9pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; HEIGHT:23.95pt; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<input type="text" name="txtDJ1" size="5">
</td>
<td width="71" valign="top" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:53.4pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; HEIGHT:23.95pt; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<input type="text" name="txtYSJE1" size="5">
</td>
<td width="71" valign="top" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:53.6pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; HEIGHT:23.95pt; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<input type="text" name="txtLZKM1" size="5">
</td>
<td width="142" valign="top" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:106.6pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; HEIGHT:23.95pt; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<input type="text" name="txtGZLY1" size="15">
</td>

<td width="142" valign="top" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:106.6pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; HEIGHT:23.95pt; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
  <a href="javascript:void(0)"  >取消</a>
</td>

</tr>

<tr style='HEIGHT:47.95pt;mso-yfti-irow:8;page-break-inside:avoid'>
<td width="98" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:windowtext 1pt solid; WIDTH:73.6pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; HEIGHT:47.95pt; mso-border-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<p class="MsoNormal" align="center" style='TEXT-INDENT:0cm;TEXT-ALIGN:center;mso-char-indent-count:0'><span style="FONT-SIZE:14pt;FONT-FAMILY:方正黑体_GBK;mso-bidi-font-size:10.0pt;mso-ascii-font-family:'Times New Roman'">说明</span><span lang="EN-US" style='FONT-SIZE:14pt;mso-bidi-font-size:10.0pt'><o:p></o:p></span></p>
</td>
<td width="566" colspan="8" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:424.7pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; HEIGHT:47.95pt; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<input type="text" name="txtSM" size="100" ID="Text33">
</td>
</tr>

</table>
<input type="button" value="增加" onclick="getGoods()">
<input type="button" value="提交" onclick="getGoosList()">

<input type="button" value="赋值" onclick="getValue()">
</td>
</tr>
</table>

</body>
</html>
分享到:
评论

相关推荐

    js动态添加行

    在JavaScript中,动态添加行是一...通过上述步骤,你可以实现JavaScript动态添加行的功能。然而,实际应用中,你可能需要处理更多细节,如数据绑定、状态管理、动画效果等。不断学习和实践,你将能够熟练掌握这一技能。

    利用javascript动态添加行(原创)

    1. **DOM操作**:JavaScript动态添加行的核心是Document Object Model (DOM)。DOM是HTML和XML文档的结构化表示,通过它可以读取、修改和更新页面内容。使用DOM方法如`createElement()`, `appendChild()` 和 `...

    js动态添加行和删除行

    在JavaScript中,动态添加行和删除行是网页交互中常见的需求,特别是在表格或者列表展示数据时。这通常涉及到DOM操作,包括元素的创建、插入和移除。以下是一些关于这个主题的重要知识点: 1. DOM操作: - `...

    js动态添加行和列

    以下是对如何使用JavaScript动态添加行和列的详细解析: ### 1. 获取目标元素 在示例代码中,首先通过`getElementById`方法获取了ID为`noticeContentTab`的元素对象,该对象通常代表一个表格。这是动态添加行和列...

    table 使用js 高效 动态添加行

    在网页开发中,表格(Table)是展示数据的常用元素,而JavaScript(js)则提供了强大的功能来操作DOM(文档对象模型),包括动态地向表格中添加行。本篇文章将详细探讨如何使用JavaScript高效地实现表格动态添加行,...

    JS动态增加删除表格行

    本文将深入探讨如何使用JavaScript动态地增加和删除表格行。 首先,我们来了解一下HTML表格的基本结构。一个表格由`&lt;table&gt;`元素包含,其中包含`&lt;tr&gt;`(表格行)元素,每行内可以有多个`&lt;td&gt;`(表格数据单元格)或`...

    JS动态增加删除行

    上述代码展示了如何使用纯JavaScript动态增加和删除表格行的基本思路。实际应用中,你可能需要根据具体需求进行调整,例如添加验证、处理表单数据等。在给定的`test03.htm`文件中,可能包含了这样一个简单的实例,你...

    js动态增加表格行

    js增加动态表格,点击增加就增加一行,点击删除就删除一行,每行前面有勾选框,可以勾选,删除多行

    javascript动态添加表格数据行

    在这个例子中,我们将探讨如何利用JavaScript在HTML表格中实现动态添加行,并将数据提交到服务器进行存储。 首先,我们需要创建一个基本的HTML结构,包括一个表单和一个表格。表格中包含预定义的列,如项目名称、...

    table动态添加行并编辑

    JavaScript(js)作为客户端脚本语言,使得我们能够实现表格的动态交互功能,如动态添加行、行编辑以及行数据修改。下面我们将深入探讨这些知识点。 ### 1. 动态添加行 在HTML中,`&lt;table&gt;`元素用于创建表格,但...

    js 动态增加删除行hwh

    首先,让我们深入了解如何使用JavaScript动态增加行。在HTML表格(`&lt;table&gt;`)中,行由`&lt;tr&gt;`元素表示。如果要新增一行,可以: 1. 创建新的`&lt;tr&gt;`元素:使用`document.createElement('tr')`创建一个新的表格行。 2...

    用js实现的动态添加一行

    在这个练习中,可能的场景是用户填写表单,然后使用AJAX发送数据到服务器,服务器返回成功信息后,JavaScript动态添加新的一行到表格。 在实现AJAX请求时,需要进行以下步骤: 1. **创建XMLHttpRequest对象**:这...

    动态添加行动态添加行

    动态添加行指的是在用户执行特定操作(如点击按钮)时,通过JavaScript在页面上的表格或列表中插入新的行。这种功能在数据输入、展示可变数量的信息或者允许用户自定义内容的场景中非常实用。 首先,理解基本的HTML...

    js动态添加table行

    本文代码主要实现了javascript如何操作table并动态添加行的方法

    用js实现动态添加行add.js

    通过js实现动态添加行,前台实现代码在我的博客中,这是add.js的源码

    JavaScript动态添加删除表格行

    ()"&gt;添加行 ``` 4. **优化和性能**: 频繁的DOM操作可能会影响页面性能,因此在大量操作时,可以考虑使用`innerHTML`一次性更新,或者使用`document.createDocumentFragment`来减少重绘和回流。 5. **兼容性...

    js动态条目添加

    "js动态条目添加"这个主题聚焦于如何利用JavaScript来实现网页内容的动态添加,而CSS则扮演着为这些动态元素提供美观架构的角色。这里我们将深入探讨这两个技术的核心概念、相互配合的方式以及实际应用。 ...

    js动态添加和删除行

    动态添加行的基本思路是,当用户触发某个事件(如点击按钮)时,利用JavaScript创建新的`&lt;tr&gt;`(表格行)元素和对应的`&lt;td&gt;`(表格单元格)元素,然后将它们插入到表格中适当的位置。以下是一个简单的步骤概述: 1....

Global site tag (gtag.js) - Google Analytics