DIV 表单 空间 文本框 增加 删除

新增页面控件

这个是用了比较少的DOM操作,也可以采取完全用DOM来实现的

具体DOM的属性见:

http://www.w3school.com.cn/htmldom/index.asp

以上实例的代码

<script   language="javascript">      
    var count= 0 ; //全局变量统计总数     
    var maxfile = 5;//限制控件个数   
     //增加元素   
    function addmx() {     
        //if(count >= maxfile)    return;//限制最多显示多少个行   
        count++;    
        //自增id不同的HTML对象,并附加到容器最后   
        var newDiv =  "<div id=divStock" + count +">"  
            +"<table align=center width=60% border=1><tr>"  
            +"<td>姓名:</td><td><input name=emp["+count+"].name size=4></td>"  
            +"<td>性别:</td><td><input name=emp["+count+"].sex size=4></td>"  
            +"<td>年龄:</td><td><input name=emp["+count+"].age size=4></td>"  
            +"<td>"  
            +"<a href=javascript:delrow('divStock" + count + "');>删除</a>"  
            +"</td>"  
            +"</tr>"  
            +"</table>"  
            +"</div>";      
          document.getElementById("coll").insertAdjacentHTML("beforeEnd", newDiv);        
    }      
    //删除指定元素   
    function delrow(diva) {     
        count--;    
        document.getElementById(diva).parentNode.removeChild(document.getElementById(diva));      
    }      
     function sub() {     
        document.form1.action="xxx.do?total="+count;//servlet要取得一共增了多少。   
        document.form1.submit();      
    }      
  </script>    
<a href="#" id="" onclick="addmx()" >新增页面控件</a>   
<form action="" name="form1" method="">   
<div id="coll"></div>   
<input type="submit" value="submit" onclick="sub()" />   
</form>   
posted @ 2011-08-25 19:39  春哥也编程  阅读(314)  评论(0编辑  收藏  举报