jsp中，如何利用js动态的添加一行

why 没人回答，很急的要的呀，大家帮忙呀

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    <script>
    var i=0;
    function doAdd()
    {
    i=i+1;
    var nowTable=document.all.myTable;
    var newTr=nowTable.insertRow(i);
    var newTd=newTr.insertCell(0);
    newTd.innerText="tr"+(i+1);
    }
    function doDel()
    {
    if(i>=1)
    {
    document.all.myTable.rows(i).removeNode();
    i=i-1;
    }
    else
    {
    alert("there is no new row!");
    }
    }
    </script>
    </HEAD><BODY>
    <table id="myTable" border="1">
    <tr id="myTr1">
    <td>tr1</td></tr>
    </table>
    <br/>
    <input type="button" onclick="doAdd();" value="AddRow">
    <input type="button" onclick="doDel();" value="DelRow">
    </BODY>
    </HTML>
      

  2.   

    <SCRIPT LANGUAGE="JavaScript">
     
    function getData()
    {
    var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); // 异步调用 
    xmlhttp.onreadystatechange = function()
    {
    if (xmlhttp.readyState == 4) // 调用完毕
    {
    if (xmlhttp.status == 200) // 加载成功
    {
    var xmldoc = xmlhttp.responseXML;
    var root = xmldoc.documentElement; alert (xmldoc.xml);
    }
    }
    } var url = 'xml.asp';
    xmlhttp.open("get", url, true);
    xmlhttp.send();
    }
     
    </SCRIPT>
     <BODY>异步调用 xmlhttp 取后台数据
    <input type="button" value="GetData" onclick="getData()"> <%
    dim i, xmlxml = "<?xml version='1.0' encoding='gb2312' ?>"
    xml = xml & "<data>"for i = 1 to 50
    xml = xml & "<record>记录" & i & "</record>"
    nextxml = xml & "</data>"response.ContentType = "text/xml"
    response.write xml
    %>
      

  3.   

    <script>
    function createTable()
    {
    var vTable=document.createElement("table");
    vTable.cellPadding="0";
    vTable.cellSpacing="0";
    vTable.border="1";
    vTable.color="#000000";
    vTable.borderColorDark="#000000";
    vTable.borderColorLight="#FFFFFF";
    for(kIndex=0;kIndex<5;kIndex++)
    {
    var vTr=vTable.insertRow(kIndex);
    for(iIndex=0;iIndex<5;iIndex++)
    {
    vTd=vTr.insertCell(iIndex);
    vTd.innerHTML="<input type=text style='border:0px solid'>";
    }
    }
    DivID.appendChild(vTable);
    }
    function mouseDown()
    {
    if(event.button==2)
    {
    if(event.srcElement.tagName=="INPUT")
    {
    window.confirm(event.srcElement.value);
    }
    }
    }
    document.onmousedown=mouseDown;
    document.captureEvents(Event.MOUSEDOWN);
    </script>
    <input type=button value="创建表格" onclick="createTable();">
    <div id="DivID"></div>