Javascript动态删除文本输入
嗨,我有下面的代码..在这里我们可以动态添加文本输入 我想做的是添加文本输入和删除文本输入的选项,除了默认的第一个 “添加文本”输入正在工作,但“删除文本”输入未工作Javascript动态删除文本输入,javascript,dynamic,Javascript,Dynamic,嗨,我有下面的代码..在这里我们可以动态添加文本输入 我想做的是添加文本输入和删除文本输入的选项,除了默认的第一个 “添加文本”输入正在工作,但“删除文本”输入未工作 var计数器=1; var限值=3; 函数addInput(divName){ 如果(计数器==限制){ 警报(“您已达到添加“+计数器+”输入的极限”); } 否则{ var newdiv=document.createElement('div'); newdiv.innerHTML=“条目”+(计数器+1)+””; doc
var计数器=1;
var限值=3;
函数addInput(divName){
如果(计数器==限制){
警报(“您已达到添加“+计数器+”输入的极限”);
}
否则{
var newdiv=document.createElement('div');
newdiv.innerHTML=“条目”+(计数器+1)+”
”;
document.getElementById(divName).appendChild(newdiv);
计数器++;
}
}
函数removeInput(divName){
var newdiv=document.removelement('div');
newdiv.innerHTML=“条目”+(计数器+1)+”
”;
document.getElementById(divName).removeChild(newdiv);
}
条目1
删除输入
运行代码时,请确保检查浏览器中的console窗口,检查是否显示removeInput函数中存在错误:
(index):75 Uncaught ReferenceError: newdiv is not defined
at removeInput ((index):75)
at HTMLButtonElement.onclick ((index):87)
removeInput @ (index):75
onclick@(索引):87
确保在remove函数和add函数中定义newdiv 试试这个
var计数器=1;
var限值=3;
函数addInput(divName){
如果(计数器===限制){
警报(“您已达到添加“+计数器+”输入的极限”);
}
否则{
var newdiv=document.createElement('div');
newdiv.innerHTML=“条目”+(计数器+1)+”
”;
document.getElementById(divName).appendChild(newdiv);
计数器++;
}
}
函数removeInput(事件,divName){
event.preventDefault()
var parent=document.getElementById(divName)
parent.removeChild(parent.lastElementChild)
柜台--
}
条目1
删除输入
newdiv未在removeInput()中声明抱歉,我编辑了我的代码..关于使用javascript的新功能..不确定我是否正确..但仍然无法工作
(index):75 Uncaught ReferenceError: newdiv is not defined
at removeInput ((index):75)
at HTMLButtonElement.onclick ((index):87)
removeInput @ (index):75