求助：请问这个效果怎么实现啊！

补充一下：上面的代码删除textarea时还是有问题，请各位一并给解决一下吧，谢谢！

解决方案 »

  1.   

    function add()的问题：
    1."<input name=gwname ...."写到"</td>"外面了，看起来没问题，一会要删除一行的时候可能会出错
    2."<textarea name=gwduty cols='80' rows='8'" + i + "></textarea>"处，递增量i写错地方了。
    修改后代码如下：function add() {
    var i=0;
    var t = document.getElementById("table1");
    t.insertRow().insertCell().innerHTML="<td bgcolor='#FFFFFF' class='a9px' width='69%'> 岗位名称：  <input type=text name=gwname" + i + "></td>";
    t.insertRow().insertCell().innerHTML="<td bgcolor='#FFFFFF' width='69%'> 岗位职责说明：<br><textarea name=gwduty" + i + " cols='80' rows='8'></textarea>";
      i++
    }要删除那些字，得删除一行表格，就是删除<tr>...</tr>内容，我再试试，一会没解决再说。
      

  2.   

    删除的代码，这样只能删除一行，方向是从上至下。你现在把两个输入框分两行来放，得按两下删除按钮，如果放在一行里就ok了。function del(){
    var the_table = document.all("table1");
    var ln        = event.srcElement.parentElement.parentElement.rowIndex + 1;
    the_table.deleteRow(ln);
    }
      

  3.   

    在说你为什么不用ASP来实现呢？可以直接插记录到数据库里，像这样有相同格式的东东。
    用ASP是不是更简单一些呢？？~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    呵呵呵，我就是传说中的“菜鸟”
      

  4.   

    <!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>
    function add()
    { var i=0;
    var t = document.getElementById("table1");
    var i=0;
    t.insertRow().insertCell().innerHTML="<td bgcolor='#FFFFFF' class='a9px' width='69%'> 岗位名称：  </td><input type=text id=gwname" + i + ">";
    t.insertRow().insertCell().innerHTML="<td bgcolor='#FFFFFF' width='69%'> 岗位职责说明：<br><textarea id=gwduty" + i + " cols='80' rows='8'" + i + "></textarea>";
      i++
    }
    function del(){
    var i=0;
    var ee=document.getElementById("gwname"+i);
    var aa=document.getElementById("gwduty"+i);
    ee.parentElement.innerHTML = "";
    aa.parentElement.innerHTML = "";
    //ee.removeNode(true);
    //aa.removeNode(true);
    }
    </script>
    </HEAD><BODY>
      <table id="table1" width="48%" border="1">
        <tr>
            <td bgcolor="#FFFFFF" width="69%"> 
        <input type=button value="增加岗位" onclick=add()>
            <input type=button value="删除岗位" onclick=del()>
    </td>
    </tr>
      </table>
    </BODY>
    </HTML>
      

  5.   

    没办法只用JSP。还有点小问题：删除能不能从下往上呢？也就是最后添加的最先删除。