点击一个添加按钮，添加一个文本框和删除按钮？？

 有一个点击按钮，会动态添加一个文本框和一个删除按钮，并且动态生成的文本框里面输入的值不能一样，点击删除按钮能把这一行都删除？请求大侠怎么做，希望能给源码？？？？？在线等待。

解决方案 »

  1.   

    <html>
      <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script>
          var count = 0;
          
          function addByScript() {
            var table = document.getElementById("tbl1");
            var newRow = table.insertRow(table.rows.length);
            newRow.id = "row" + count;
            
            var contentCell = newRow.insertCell(-1);
            contentCell.innerHTML = '<input type="text" />';
            contentCell = newRow.insertCell(-1);
            
            var delBtn = document.createElement("input");
            delBtn.type = "button";
            delBtn.className = "button";
            delBtn.id = "btnDel"+count;
            delBtn.value = "删除";
            delBtn.onclick = new Function("del(this)");
            contentCell.appendChild(delBtn);
                    
            count++;
          }
          
          function del(obj) {
            var row = obj.parentNode.parentNode;
            row.parentNode.removeChild(row);
          }      
        </script>
      </head>
      <body>
        <fieldset>
    <legend>
            insertRow新增
    </legend>
          <input type="button" class="button" value="新增" onclick="addByScript()"/>
          <table id="tbl1">
          </table>
        </fieldset>
      </body>
    </html>
      

  2.   

    如果我是写死的，只添加两个文本框，我点击添加按钮，让它怎么显示？？这个我不会判断？<tr>
     <td align="center">
     &nbsp;任务地址：
    </td>
    <td colspan="3" align="left">
    <s:textfield name="taskurl" id="taskurl"cssStyle="width:250px;">
    </s:textfield>&nbsp;&nbsp;
    <font color="red">*</font>
    <input type="button" value="添加地址" /><br/>
    <div>
    <span>
    任务地址II:&nbsp;<input type="text" style="width:200px;"/>&nbsp;&nbsp;
    <input type="button" value="删除" /><br/>
    </span>
    <span>
    任务地址III:<input type="text" style="width:200px;"/>&nbsp;&nbsp;
    <input type="button" value="删除" /><br/>
    </span>
    </div>

    </td>

    </tr>
      

  3.   

     上面这么多代码呀- -！..既然你不知道怎么写，那我觉得应该也跟我一样是个js新手吧，为什么不用jq呢？相当的方便....
      

  4.   

    哥帮你理下点击按钮－－》 xxx.onclick 执行 a （点击那个按钮？）a－－－－》
               var txt = 添加文本框（怎么创建元素？创建的元素怎么添加到页面？创建的元素怎么添加到页面上的指定元素下？）
               var bt = 添加按钮（添加同上）
                      bt 点击按钮  bt-->onclick 执行  bta
                               bta---》从页面上删除   txt  和 bt元素
    源伪代  按这个  30分钟 还写不出来 那么 把 js document操作从头在看一遍  给你源代码也没什么意义了