各位老大帮帮忙

宝龙哥 2013-01-22 11:45:15

小弟想用html+css+js开发一个html页面，里面有一些文本框和一个加号和减号(加号总共一个，减号每组输入框跟随一个)的按钮，每当点击一次“＋”按钮时添加一组输入框，当点击每组的“-”按钮时删除这组输入框及对应的“－”按钮，这个怎么做？点击加号时生成的输入框可以一直象网页后面追加

...全文

118 7 打赏收藏举报

写回复

7 条回复

切换为时间正序

当前发帖距今超过3年，不再开放新的回复

发表回复

宝龙哥 2013-01-26

点加号个减号都没有反映啊

打赏
举报

回复赞

宝龙哥 2013-01-26

引用 1 楼 xiaofan_sap 的回复:

XML/HTML code ? 1234567891011121314151617181920212223242526272829303132333435363738 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>登陆页面</title> <script type="text/javascript"> ……

大哥，不好用啊

打赏
举报

回复赞

xiaofan_sap 2013-01-23


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>登陆页面</title>
<script type="text/javascript">


window.onload=function()
{
var btnAdd=document.getElementById("add");
var btnDel=document.getElementById("del");
var objWraper=document.getElementById("wrapper");
    btnAdd.onclick=function(){
    var objInput=document.createElement("input");
    objInput.type="text";
    objWraper.appendChild(objInput);
    }

    btnDel.onclick=function(){
    var arrInputs=objWraper.getElementsByTagName("input");
    if(!arrInputs.length){
     alert("已经没有要删除的数组了，亲~");return;
    }
    objWraper.removeChild(arrInputs[arrInputs.length-1]);
    }
}
</script>

</head>

<body>
<input type="button" value="+" id="add" />
<input type="button" value="-"  id="del"/>
<div id="wrapper">
<input type="text" />
</div>
</body>
</html>