请问如何实现点击一个链接（如名为“更多“），在原有页面上出现更多的文字输入框

比如这样：
IP1:123.123.123.123
IP2:__________
IP3:__________   更多点击“更多”以后，显示如下：
IP1:123.123.123.123
IP2:__________
IP3:__________
IP4:__________
IP5:__________
IP6:__________   更多此时还可以继续点击更多。也就是说点击了“更多“以后，原先填好的信息不会变化，仅仅是出现了更多的输入框。谢谢啦！

解决方案 »

  1.   

    <a href="#" onclick="document.getElementById('more-info').style.display='';">更多</a>
    <div style="display:none;">IP1:<input type="text"></div>
      

  2.   

    咦？叫frank的同志不是都对ajax超强么？
    见过几个frank，ajax功力一个比一个厉害哟。
      

  3.   


    <script>
    function add(){
       more.innerHTML+="<input type='text'><br>";
    }
    </script><input type="text"><input type="button" onClick="add()" value="更多">
    <p id="more"></p>
      

  4.   

    用javascript 控制Div.
    Ajax 也可以.
      

  5.   

    Table 里面的 insertRow()去google 搜索 动态表格
      

  6.   

    jsp<table>
        <tr>
          <td>
           IP1:
          </td>
          <td>
          <input type="text" name="ip1"/>
          </td>
        </tr>
        <tr id="otherid1" name="otherid1" style="display:none">
        <td>
           IP2:
          </td>
          <td>
          <input type="text" name="ip2"/>
          </td>
        </tr>
        <tr id="otherid2" name="otherid2" style="display:none">
        <td>
           IP2:
          <br><br></td>
          <td><input type="text" name="ip2"/>
          <br><br></td>
        </tr>
        <tr>
         <td><input type="button" value="更多" onclick="othermore();"></td>
        </tr>
      </table>function othermore()
      {
        document.getElementById("otherid1").style.display="";
        document.getElementById("otherid2").style.display="";
      }
      

  7.   

    可以试试这样的：
    <html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
    <title>增加Table行</title> 
    </head> 
    <script> 
    function addRow(obj) 
    { 
    //添加一行 
    var newTr = testTbl.insertRow(); 
    //添加两列 
    var newTd0 = newTr.insertCell(); 
    var newTd1 = newTr.insertCell(); 
    //设置列内容和属性 
    newTd0.innerHTML = '<input type=checkbox id="box4">'; 
    newTd1.innerText= '新加行'; 
    } 
    </script> 
    <body> 
    <table id="testTbl" border=1> 
    <tr id="tr1"> 
    <td ><input type=checkbox id="box1"></td> 
    <td id="b">第一行</td> 
    </tr> 
    <tr id="tr2"> 
    <td ><input type=checkbox id="box2"></td> 
    <td id="b">第二行</td> 
    </tr> 
    <tr id="tr3"> 
    <td ><input type=checkbox id="box3"></td> 
    <td>第三行</td> 
    </tr> 
    </table> 
    <br /> 
    <input type="button" id="add" onclick="addRow();" value="Add Row" /> 
    </body> 
    </html>
      

  8.   

    有可能我没有表达清楚我的意思。楼上几位提供的是Javascript的语句。但是我不需要Javascript，我希望是可以单独写成一个类。当按动按钮的时候，调用这个Java类，自动生成新的表格项。不知道是否可行。谢谢啦！