JS动态添加删除控件

公司做东西的时候,需要完成用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'οnclick='Delete()'>";
}

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值