JS动态添加删除控件

来源:互联网 发布:阿里云discuz论坛搭建 编辑:程序博客网 时间:2024/04/28 11:59
公司做东西的时候,需要完成用JS添加删除HTML控件的,研究了一天(呵呵,主要是参考了一天),基本实现了功能,在页面添加控件,可以在<DIV></DIV>里添(asp.net里是PANEL控件),也可以在页面已有的的TABLE里添加。
下面我就先将在TABLE里实现的代码写上来:
Function Add() //添加控件
{
var nRow=document.all.Table1.rows.length; //获得当前TABLE的行数
var objTheRow=document.all.Table2.insertRow(nRow);//执行添加
objTheRow.insertCell(0);//添加当前行的列
//添加一个按纽控件
objTheRow.cells(2).innerHTML="<input type='button' value='delete me'onclick='Delete()'>";
}

Function Delete() //删除控件
{
var currRowIndex=event.srcElement.parentNode.parentNode.rowIndex;//获取当前索引
document.all.Table1.deleteRow(currRowIndex);//执行删除
}

先写到这了,没写全,快下班了!上面这个只是基本原理!还有很多功能有待探究中,比如对所添加控件的动态值绑定,比如下拉列表框;还有根据用户所选中下拉列表具体值,动态将隐藏控件显现出来等等一些问题都还没解决,还在研究,完了会把详细代码贴上来!  
原创粉丝点击