js如何太动构建一个控件

我现在要做填写教育信息，可是我只能填写一次，如何点击添加后能增加一样的填写信息框，点击删除又能删除增加的框

解决方案 »

  1.   


    <html>
        <head>
            <meta http-equiv="content-type" content="text/html; charset=utf-8">
            <META http-equiv="Content-Style-Type" content="text/css">
            <script language="javascript">
                var index=0
                function addInput(e){
                    var obj=e.srcElement||e.target;
                    var div=document.getElementById("inputDiv");
                    var input=document.createElement("input");
                    var add=document.createElement("input");
                    var del=document.createElement("input");
                    input.value=obj.previousSibling.value;
                    add.type="button";
                    add.value="+";
                    add.onclick=function(){addInput(event)};
                    del.type="button";
                    del.value="-";
                    del.onclick=function(){decInput(event)};
                    var br=document.createElement("br");             
                    div.appendChild(input);
                    div.appendChild(add);
                    div.appendChild(del);
                    div.appendChild(br);
                }
                function decInput(e){
                    var obj=e.srcElement||e.target;
                    var div=document.getElementById("inputDiv");
                    var delinput=obj.previousSibling.previousSibling.previousSibling;
                    var deladd=obj.previousSibling.previousSibling;
                    var deldec=obj.previousSibling;
                    var deldec1=obj
                    div.removeChild(delinput);
                    div.removeChild(deladd);
                     div.removeChild(deldec1)
                    div.removeChild(deldec)
                }
                window.onload=function(){
                     
                }
                        </script>
        </head>
        <body>
            <div id="inputDiv"><input type="text" value="0"/><input type="button" onclick="addInput(event)" value="+" ></inpit><input type="button" onclick="decInput(event)" value="-" ></inpit></br></div>
            <div></div>
        </body>
    </html>