求动态表格生成代码（在线）

<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
<SCRIPT ID=clientEventHandlersJS LANGUAGE=JScript>
<!--function document_oncontextmenu() {
window.event.returnValue = false;
return false;
}//-->
</SCRIPT>
<SCRIPT LANGUAGE=JScript FOR=document EVENT=oncontextmenu>
<!--
 document_oncontextmenu()
//-->
</SCRIPT>
</HEAD>
<LINK href="style.css" rel=stylesheet type=text/css>
<SCRIPT LANGUAGE=JScript>
<!--
var NowW = 3;
var NowH = 3;function MakeSerial(w,h)
{
return "" + w + "_" + h;
}
function MakeInputTable(MaxW,MaxH)
{
var Html = "<Table cellSpacing=1 cellPadding=1 border=0>";
for(var h =0;h<MaxH;h++)
{
Html += "<TR>";
for(var w = 0;w<MaxW;w++)
{
Html += "<TD>";
Html += "<INPUT type=\"text\" id=INPUT"+MakeSerial(w,h)+" name=INPUT"+MakeSerial(w,h)+" Size = 8 maxLength=32>";
Html += "</TD>";
}
Html += "</TR>";
}
Html += "</Table>";
return Html;
}
function MakeTable(MaxW,MaxH)
{
var Html = "<Table cellSpacing=0 cellPadding=1 border=1  borderColorDark=#FFFFFF borderColorLight=#000000 width=100% style=\"FONT-SIZE: medium; CURSOR: default; COLOR: aliceblue; BACKGROUND-COLOR: #556677\">";
for(var h =0;h<MaxH;h++)
{
Html += "<TR>";
for(var w = 0;w<MaxW;w++)
{
Html += "<TD>";
var Value = window.document.body.all("INPUT" + MakeSerial(w,h)).value;
if (Value=="")
Value = "&nbsp;";
Html += Value;
Html += "</TD>";
}
Html += "</TR>";
}
Html += "</Table>";
return Html;
}
function AddW(Size)
{
NowW += Size;
if (NowW>12)
NowW = 12;
if (NowW<1)
NowW = 1;
INPUT.innerHTML = MakeInputTable(NowW,NowH);
}
function AddH(Size)
{
NowH += Size;
if (NowH>12)
NowH = 12;
if (NowH<1)
NowH = 1;
INPUT.innerHTML = MakeInputTable(NowW,NowH);
}
function Ok()
{
BASE.innerHTML = MakeTable(NowW,NowH);
}
//-->
</SCRIPT>
<BODY>
<TABLE cellSpacing=1 cellPadding=1 width="100%" border=0 Height="100%">
  <TR Height="1%">
    <TD></TD>
    <TD align=middle><FONT face=黑体 
      size=5><STRONG>动态表格生成器</STRONG></FONT></TD>
    <TD></TD>
    </TR></TR>
  <TR Height="50%">
    <TD></TD>
    <TD align=middle><DIV ID=BASE>&nbsp;</DIV></TD>
    <TD></TD></TR>
  <TR Height="49%">
    <TD></TD>
    <TD align=middle><DIV ID=INPUT></DIV></TD>
    <TD></TD></TR>
  <TR Height="1%">
    <TD></TD>
    <TD align=middle><INPUT type="button" value="增加行" OnClick="AddH(1)"><INPUT type="button" value="减少行" OnClick="AddH(-1)"> <INPUT type="button" value="        提交        " OnClick="Ok()"> <INPUT type="button" value="增加列" OnClick="AddW(1)"><INPUT type="button" value="减少列" OnClick="AddW(-1)"></TD>
    <TD></TD>
    </TR></TR>
</TABLE>
</BODY>
<SCRIPT LANGUAGE=JScript>
<!--
INPUT.innerHTML = MakeInputTable(NowW,NowH);
//-->
</SCRIPT>
</HTML>

解决方案 »

  1.   

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title></title>
    <style type="text/css">
    <!--
    body,td,th {
    font-size: 12px;
    }
    .style1 {
    font-size: 18px;
    font-weight: bold;
    }
    .style2 {color: #0F2960}
    -->
    </style>
    <script>
    var rowNum = 1;
    function addRow() {
    var lymc = "";
    lymc += "<select name='zjly" + rowNum + "_id' onchange=selChange('zjly" + rowNum + "')>";
            lymc += "    <option value=''>请选择</option>";
            lymc += "    <option value=''>werwe</option>";
            lymc += "  </select>";
            lymc += "    <input name='zjly" + rowNum + "_name' type='hidden'>"; tr = document.all.theData.insertRow();
    tr.height='20';
    tr.style.background="#FFFFFF";
    td0 = tr.insertCell();
    td0.align="center";
    td0.insertAdjacentHTML("afterBegin",(rowNum+1));
    td1 = tr.insertCell();
    td1.insertAdjacentHTML("afterBegin",lymc);
    td2 = tr.insertCell();
    td2.insertAdjacentHTML("afterBegin","<input name='ly_touzi_z" + rowNum + "' type='text' size='15' maxlength='12'> 万元");
    rowNum += 1;
    }
    function delRow() {
    if (rowNum>1) {
    document.all.theData.deleteRow();
    rowNum -= 1;
    } else {
    alert("不能再减了！");
    }
    }
    </script>
    </head><body>
      当前位置：项目业务处理 &gt;&gt; 项目资料调整 &gt;&gt; 资金来源录入<br>
      <br>
    <form name="form1" method="post" action="xmlyapSave.jsp">
      <table width="580" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#d6dff7">
        <tr bgcolor="#EAEEFB">
          <td height="40" colspan="4"><div align="center" class="style1 style2">项目资金来源安排</div></td>
        </tr>
        <tr bgcolor="#FFFFFF">
          <td width="12%" height="25" align="right" bgcolor="#F8F9FE">项目代码：</td>
          <td width="24%" height="25"><input name="xm_id" type="text" id="xm_id" value="" size="20" maxlength="20" readonly="true" style="background:#EAEEFB"></td>
          <td width="13%" height="25" align="right" bgcolor="#F8F9FE">总投资：</td>
          <td width="51%" height="25"><input name="sss" type="text" id="sss" value="" size="12" maxlength="100" readonly="true" style="background:#EAEEFB;"></td>
        </tr>
        <tr bgcolor="#FFFFFF">
          <td width="12%" height="25" align="right" bgcolor="#F8F9FE">项目名称：</td>
          <td height="25" colspan="3"><input name="xm_name" type="text" id="xm_name" value="" size="25" maxlength="100" readonly="true" style="background:#EAEEFB; width:96%"></td>
        </tr>
        <tr bgcolor="#FFFFFF">
          <td height="25" colspan="4"><table width="98%" border="1" id="theData" align="center" cellpadding="0" cellspacing="0" frame="border" bordercolorlight="#A5B9ED" bordercolordark="#ffffff">
            <tr align="center" bgcolor="#F8F9FE">
              <td width="13%" height="20">序号</td>
              <td width="24%" height="20">来源名称</td>
              <td width="63%" height="20" colspan="3">投资额</td>
            </tr>
            <tr align="left">
              <td height="20" align="center">1</td>
              <td height="20" align="left"><select name="zjly0_id" onchange="selChange('zjly0')" tabindex="1">
                <option value="">请选择</option>
                <option value=""></option>
              </select>
                <input name="zjly0_name" type="hidden"></td>
              <td height="20"><input name='ly_touzi_z0' type='text' id="ly_touzi_z0" size="15" maxlength="12" tabindex="2"> 万元</td>
            </tr>
          </table></td>
        </tr>
        <tr bgcolor="#FFFFFF">
          <td height="30" colspan="4">
            <div align="center">
              <input type="button" name="asdsa" value="加一行" onClick="addRow()">
              <input type="button" name="asdsa" value="减一行" onClick="delRow()">
              <input type="button" name="ss" value="批量提交" onClick="allSub()">
              <input type="hidden" name="rowNum" value="">
            <input type="button" name="Submit"  value="返回" onClick="history.go(-1)">
            </div></td>
        </tr>
      </table>
    </form>
    </body>
    </html>
      

  2.   

    异域
    你这命令好玩
    /命令 美女&&钞票
    得到印有美女头像的钞票，黑饿
      

  3.   

    // JavaScript Document
    function addTRByQueryCriteria(tableID){
    //得到当前行数
    //debugger;
    var criteriaTable = document.getElementById(tableID);
    var curRowCount = criteriaTable.rows.length;
    var itemTr=criteriaTable.firstChild.lastChild.cloneNode(true);
    criteriaTable.firstChild.appendChild(itemTr);
    //criteriaTable.rows(curRowCount).cells(0).childNodes(0).nodeValue="and";
    for(var i=1;i<3;i++){
    for(var k=0;k<criteriaTable.rows(curRowCount).cells(i).childNodes.length;k++){
    if(criteriaTable.rows(curRowCount-1).cells(i).childNodes[k].value!=undefined){
    criteriaTable.rows(curRowCount).cells(i).childNodes[k].value=criteriaTable.rows(curRowCount-1).cells(i).childNodes[k].value;
    }//if
    } //for in 2
    }//for in1
    //对查询内容区域单独拷贝
    var lastRowCell3HTML = criteriaTable.rows(curRowCount-1).cells(2).innerHTML;
    //替换表格最后一行中字典表控件代码中的属于倒数第二行的标识
    var rgExp = "line"+(curRowCount-1);
    var rgName="dictSelect"+(curRowCount-1);

    var replaceText = "line"+curRowCount;
    var replaceName="dictSelect"+curRowCount;

    var rgIndex="'"+(curRowCount-1)+"')"
    var replaceRgIndex="'"+(curRowCount)+"')"

    while(lastRowCell3HTML.indexOf(rgExp)!=-1){
    lastRowCell3HTML=lastRowCell3HTML.replace(rgExp,replaceText);
    }//end
    while(lastRowCell3HTML.indexOf(rgName)!=-1){
    lastRowCell3HTML=lastRowCell3HTML.replace(rgName,replaceName);
    }//end
    while(lastRowCell3HTML.indexOf(rgIndex)!=-1){
    lastRowCell3HTML=lastRowCell3HTML.replace(rgIndex,replaceRgIndex);
    }//end
    rgExp = "queryContent"+(curRowCount-1);
    replaceText = "queryContent"+curRowCount;
    while(lastRowCell3HTML.indexOf(rgExp)!=-1){
    lastRowCell3HTML=lastRowCell3HTML.replace(rgExp,replaceText);
    }//end
    rgExp = "queryChContent"+(curRowCount-1);
    replaceText = "queryChContent"+curRowCount;
    while(lastRowCell3HTML.indexOf(rgExp)!=-1){
    lastRowCell3HTML=lastRowCell3HTML.replace(rgExp,replaceText);
    }//end

    rgExp="dateValue"+(curRowCount-1);
    replaceText = "dateValue"+curRowCount;
    var isDate=false;
    while(lastRowCell3HTML.indexOf(rgExp)!=-1){
    lastRowCell3HTML=lastRowCell3HTML.replace(rgExp,replaceText);
    isDate=true;
    }//end


    rgExp="dateValueFrom"+(curRowCount-1);
    replaceText = "dateValueFrom"+curRowCount;
    var isDateContent=false;
    while(lastRowCell3HTML.indexOf(rgExp)!=-1){
    lastRowCell3HTML=lastRowCell3HTML.replace(rgExp,replaceText);
    isDateContent=true;
    }//end

    rgExp="dateValueTo"+(curRowCount-1);
    replaceText = "dateValueTo"+curRowCount;
    while(lastRowCell3HTML.indexOf(rgExp)!=-1){
    lastRowCell3HTML=lastRowCell3HTML.replace(rgExp,replaceText);
    }//end

    criteriaTable.rows(curRowCount).cells(2).innerHTML = lastRowCell3HTML;

    if(isDate==true){
    regDateControl('dateValue'+curRowCount);
    }//end
    if(isDateContent==true){
    regDateControl('dateValueFrom'+curRowCount);
    regDateControl('dateValueTo'+curRowCount);
    }//end
    //格式化表格
    //formatTable(criteriaTable);

    //adjustDmFileName(criteriaTable,"");
    }//end
    function deleteTR(tableID){
    //debugger
    //当前操作单元
    var criteriaTable = document.getElementById(tableID);
    var oSource=window.event.srcElement.parentElement.parentElement;
    //得到当前行数
    var curRowCount = criteriaTable.rows.length;
    //必须保留1行，便于用户录入
    if(curRowCount<3){
    //clearQueryCriteriaRow(oSource.rowIndex);
    // alert("系统预留三行，以方便查询条件输入");
    return;
    }
    criteriaTable.deleteRow(oSource.rowIndex);

    //criteriaTable.rows(1).cells(0).innerHTML = '<input type="hidden" name="criteriasRelation" value="none">';

    //formatTable(criteriaTable);

    //adjustDmFileName(criteriaTable,"");
    //g_QueryCriteriaArray.splice(oSource.rowIndex-1,1);
    }function clearQueryCriteriaRow(rowIndex){
    for(var k=0;k<criteriaTable.rows(rowIndex).cells(1).childNodes.length;k++){
    if(criteriaTable.rows(rowIndex).cells(1).childNodes[k].name=="criteria"){
    criteriaTable.rows(rowIndex).cells(1).childNodes[k].value="";
    }
    if(criteriaTable.rows(rowIndex).cells(1).childNodes[k].name=="subCriteria"){
    if(criteriaType=='2'){
    deleteOptions(criteriaTable.rows(rowIndex).cells(1).childNodes[k]);
    }else if(criteriaType=='1'){
    criteriaTable.rows(rowIndex).cells(1).childNodes[k].value="";
    }
    }
    }
    for(var k=0;k<criteriaTable.rows(rowIndex).cells(2).childNodes.length;k++){
    if(criteriaTable.rows(rowIndex).cells(2).childNodes[k].name=="criteriaAndValueRelation"){
    deleteOptions(criteriaTable.rows(rowIndex).cells(2).childNodes[k]);
    }
    }
    //criteriaTable.rows(rowIndex).cells(1).innerHTML= '<input type="text" name="queryContent" class="inputText" maxLength="19" id="queryContent'+rowIndex+'""><input type="hidden" name="queryChContent" id="queryChContent'+rowIndex+'">';
    if(rowIndex>1){
    for(var k=0;k<criteriaTable.rows(rowIndex).cells(0).childNodes.length;k++){
    if(criteriaTable.rows(rowIndex).cells(0).childNodes[k].name=="criteriasRelation"){
    criteriaTable.rows(rowIndex).cells(0).childNodes[k].value="";
    }
    }
    }
    }