Javascript动态添加删除文本框有关问题
日期：2014-05-16 浏览次数：20435 次
Javascript动态添加删除文本框问题
请教高手,在页面中有一个"添加按钮"每点击一次在页面上添加一个文本框和一个"删除" 按钮,添加的文本框的名字都一样,点击"删除"按钮,删除所对应的文本框,同时该删除按钮也一并删除,求原代码
------解决方案--------------------
请教高手,在页面中有一个"添加按钮"每点击一次在页面上添加一个文本框和一个"删除" 按钮,添加的文本框的名字都一样,点击"删除"按钮,删除所对应的文本框,同时该删除按钮也一并删除,求原代码
------解决方案--------------------
- HTML code
<!DOCTYPE HTML>
<html>
<head>
<meta charset="gb2312" />
<title></title>
<style>
</style>
</head>
<body>
<button id="add">添加</button>
<script>
function $(el){
return typeof el == 'string' ? document.getElementById(el) : el;
}
function $t(name, cot){
cot = cot || document;
return cot.getElementsByTagName(name);
}
$('add').onclick = function(){
var p = document.createElement('p');
p.innerHTML = '<input name="test" /> <button>删除</button>';
$t('button', p)[0].onclick = function(){
this.parentNode.parentNode.removeChild( this.parentNode );
}
document.body.appendChild(p);
}
</script>
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
