87,992
社区成员
发帖
与我相关
我的任务
分享点击一个添加按钮，添加一个文本框和删除按钮？？
有一个点击按钮，会动态添加一个文本框和一个删除按钮，并且动态生成的文本框里面输入的值不能一样，点击删除按钮能把这一行都删除？请求大侠怎么做，希望能给源码？？？？？在线等待。。。。
...全文
请发表友善的回复…
发表回复
KK3K2005 2012-11-06
- 打赏
- 举报
哥帮你理下
点击按钮－－》 xxx.onclick 执行 a （点击那个按钮？）
a－－－－》
var txt = 添加文本框（怎么创建元素？创建的元素怎么添加到页面？创建的元素怎么添加到页面上的指定元素下？）
var bt = 添加按钮（添加同上）
bt 点击按钮 bt-->onclick 执行 bta
bta---》从页面上删除 txt 和 bt元素
源伪代 按这个 30分钟 还写不出来 那么 把 js document操作从头在看一遍 给你源代码也没什么意义了
sweet_ 2012-11-06
- 打赏
- 举报
上面这么多代码呀- -！..既然你不知道怎么写，那我觉得应该也跟我一样是个js新手吧，为什么不用jq呢？相当的方便....
lys199204062141 2012-11-06
- 打赏
- 举报
如果我是写死的，只添加两个文本框，我点击添加按钮，让它怎么显示？？这个我不会判断？
<tr>
<td align="center">
任务地址：
</td>
<td colspan="3" align="left">
<s:textfield name="taskurl" id="taskurl"cssStyle="width:250px;">
</s:textfield>
<font color="red">*</font>
<input type="button" value="添加地址" /><br/>
<div>
<span>
任务地址II: <input type="text" style="width:200px;"/>
<input type="button" value="删除" /><br/>
</span>
<span>
任务地址III:<input type="text" style="width:200px;"/>
<input type="button" value="删除" /><br/>
</span>
</div>
</td>
</tr>
conan8126 2012-11-06
- 打赏
- 举报
<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>
