我试图以动态方式只需点击一下按钮添加和删除文本框的点击文本框。 add()
有效,但remove()
没有。
删除一个按钮
$ctra = 1;
function add() {
var ni = document.getElementById('myDiv');
var numi = document.getElementById('theValue');
var num = (document.getElementById('theValue').value -1)+ 2;
numi.value = num;
var newdiv = document.createElement('div');
var divIdName = 'my'+num+'Div';
newdiv.setAttribute('id',divIdName);
newdiv.innerHTML = "<table><tr><td width=159> Name</td>"+
"<td> <input type='text' name='name' size=20> </td>"+
"<td> Address </td>"+
"<td> <input type='text' name='address' size=20> </td>"+
"<td> Tel. No </td>"+
"<td> <input type='text' name='telno' size=20><td> <button type='button' onclick='remove(divIdName);'>Remove</button></table>";
if($ctra<5){
ni.appendChild(newdiv);
$ctra++;
}
$total = $ctra;
}
这是remove()
。它接受div
的名称。
function remove(dId) {
var ni = document.getElementById('myDiv');
ni.removeChild(dId);
}
请帮我解决这个问题。谢谢!
我瘦k你需要做这样的事情'ni.removeChild(document.getElementById(dId));' – Pete 2013-02-19 14:18:07
并且还要通过dId ..中的id。 – gaurav 2013-02-19 14:19:17
你使用jQuery吗? – Mooseman 2013-02-19 14:26:54