Javascript动态添加删除文本框问题

请教高手,在页面中有一个"添加按钮"每点击一次在页面上添加一个文本框和一个"删除" 按钮,添加的文本框的名字都一样,点击"删除"按钮,删除所对应的文本框,同时该删除按钮也一并删除,求原代码

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

查查dom的方法，比如 appendChild ,removeChild等
<!DOCTYPE HTML>
<html>
<head>
<meta charset="gb2312" />
<title></title>
<style>
</style>
</head>
<body>
<button id="add">添加</button>
<script>
function $(el){
return typeof el == 'string' ? document.getElementById(el) : el;
}
function $t(name, cot){
cot = cot || document;
return cot.getElementsByTagName(name);
}
$('add').onclick = function(){
var p = document.createElement('p');
p.innerHTML = '<input name="test" /> <button>删除</button>';
$t('button', p)[0].onclick = function(){
this.parentNode.parentNode.removeChild( this.parentNode );
}
document.body.appendChild(p);
}
</script>
</body>
</html>楼主这个意思？
类似添加一行删除一行，把行换成文本框按钮就好了
<%@ page language="java" import="java.util.*" pageEncoding="GBK"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<SCRIPT type="text/javascript">
function numberCells()
{
    var count=0;
    for (i=0; i < document.all.Tab.rows.length; i++)
    {
        for (j=0; j < document.all.Tab.rows(i).cells.length; j++)
        {
            document.all.Tab.rows(i).cells(j).innerText = count;
            count++;
        }
    }
}function tb_addnew()
{
var ls_t=document.all("Tab")
maxcell=ls_t.rows(0).cells.length;
mynewrow = ls_t.insertRow();
    for(i=0;i <maxcell;i++)
    {
mynewcell=mynewrow.insertCell();
mynewcell.innerText="a"+i;    }
}function tb_delete()
{
var ls_t=document.all("Tab");ls_t.deleteRow() ;
}</SCRIPT>
<html>
<head>
<script type="text/javascript">
  function addRow(TabId){
  //获取要插入行的表格
  var table = document.getElementByIdx_x(TabId);
   //在最后一行插入一行
   var newRow = table.insertRow(table.rows.length);
    //在该行插入单元格
    var newCel1 = newRow.insertCell(0);
     var newCel2 = newRow.insertCell(1);
     var newCel3 = newRow.insertCell(2);
     newCel1.innerHTML = "第一列";
     newCel2.innerHTML = "第二列";
     newCel3.innerHTML = "第三列";
     }
     </script>
</head>
<body>
  <center>
   <table id="Tab" border="1" cellspacing="0" cellpadding="0">
    <tr>
     <td>
      第一列
     </td>
     <td>
      第二列
     </td>
     <td>
      第三列
     </td>
   </table>
   <br>
   <input type="button" onclick="addRow('Tab');" value="插入行"/>
   <input type="button" onclick="tb_delete();" value="删除行"/>
   <input type="button" onclick="tb_addnew();" value="添加行"/>
   <input type="button" onclick="numberCells();" value="显示单元个数"/>

  </center>
</body>
</html>