谁能帮我实现啊,大概意思 是
点击增加按钮, 然后下面多出一列文本框,旁边再显示删除。再点击增加按钮,下面又多出一列文本框,旁边再显示删除,点击删除按钮,就能把这一列删除掉,大概思路是 creatElement("input") a.type=text,以前写过,现在忘了,谁能帮我写个完整的代码啊。正线急等。
点击增加按钮, 然后下面多出一列文本框,旁边再显示删除。再点击增加按钮,下面又多出一列文本框,旁边再显示删除,点击删除按钮,就能把这一列删除掉,大概思路是 creatElement("input") a.type=text,以前写过,现在忘了,谁能帮我写个完整的代码啊。正线急等。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
var test={
'tbody':'',
'num':1,
'add':function(){
if(!this.tbody){
this.tbody=document.getElementById("test");
}
var text=document.createElement("input");
text.type='text';
text.value=this.num++;
var button=document.createElement("input");
button.type='button';
button.value='删除';
var tr=document.createElement("tr");
var tdt=document.createElement("td");
var tdb=document.createElement("td");
tdt.appendChild(text);
tdb.appendChild(button);
tr.appendChild(tdt);
tr.appendChild(tdb);
this.tbody.appendChild(tr);
var me=this;
button.onclick=function(){
me.tbody.removeChild(tr);
}
}
}
</script>
</head><body>
<input type="button" value="add" onclick="test.add()">
<table>
<tbody id="test"></tbody>
</table>
</body>
</html>
这样试试
<div id="inputs" ></div>
<script type="text/javascript">
var inputs=document.getElementById('inputs');
function add(el){
if(el.value=='添加'){
inputs.innerHTML="<input name='txt' /><br/><input name='txt' /><br/><input name='txt' /><br/><input name='txt' /><br/>"
el.value='删除'
}else{
el.value='添加'
inputs.innerHTML='';
}
}
</script>