求教，怎么实现这种效果

求教，如何实现这种效果？
请教，如何实现网易邮箱添加联系人的这种效果？

点击一次“添加即时通讯ID”，就出现一条新记录

再点击一次，就再出现一条，可以无限循环下去

[解决办法]

HTML code

&lt;html&gt;&lt;head&gt;&lt;SCRIPT LANGUAGE="JavaScript"&gt;function addRow() {      var root = document.getElementById("tbody");     var allRows = root.getElementsByTagName('tr');     var cRow = allRows[0].cloneNode(true)     root.appendChild(cRow);      }  function removeRow(r) {     var root = r.parentNode;     var allRows = root.getElementsByTagName('tr')     if(allRows.length&gt;  1)         {root.removeChild(r);}     else         alert("only one row left, you can not remove it!"); }&lt;/SCRIPT&gt;&lt;/head&gt;&lt;body &gt;&lt;table&gt;&lt;tbody id="tbody"&gt; &lt;tr&gt;      &lt;td&gt;&lt;select name="s1"&gt;&lt;option&gt;请&lt;/option&gt;&lt;option&gt;1&lt;/option&gt;&lt;option&gt;2&lt;/option&gt;&lt;option&gt;3&lt;/option&gt;&lt;option&gt;4&lt;/option&gt;&lt;/select&gt;&lt;input name="s2"&gt;  &lt;input type="button" value="Remove" onclick="removeRow(this.parentNode.parentNode)"&gt;  &lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;input name="button" type="button" value="Add row" onclick="addRow()"&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/body&gt;&lt;/html&gt;
[解决办法]
[code=VBScript]    &lt;head&gt;&lt;script language="JavaScript"&gt;  
   function addFile()  
    {  
     var str = '&lt;br/&gt;&lt;select name="select"&gt;&lt;/select&gt;&lt;input type="text" name="textfield" /&gt;'  
    document.getElementById('MyFile').insertAdjacentHTML("beforeEnd",str)  
   }  
&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;p id="MyFile"&gt;&lt;select name="select"&gt;
&lt;/select&gt;
&lt;input type="text" name="textfield" /&gt;&lt;/p&gt;
&lt;input type="button" value="增加文件" onclick="addFile()"/&gt;
&lt;/body&gt;code]

求教怎么实现这种效果

热点推荐