87,904
社区成员
发帖
与我相关
我的任务
分享attachEvent带参数问题,帮忙看看吧!
我需要在cascadeListBox.prototype.addEvent函数里为列表框动态添加事件,要添加的事件为cascadeListBox.prototype.dltChg ,带一个参数index
本来用function(){}的方式来写的,可以有问题,在cascadeListBox.prototype.dltChg中根本访问不到cascadeListBox里的this.dlts对象了.如何解决?大侠救我!
附代码如下:
<html>
<head>
<script language="JavaScript">
<!--
function cascadeListBox(){
//this.isShowPlease = true; //是否显示请选择**字样
this.id = "lb";
this.dlts = arguments; //取得参数列表,形式如: ("dlt1","dlt2","dlt3"[,"dlt4"])参数个数不限
this.arrText = new Array();
this.arrText[0] = "#:1:text0-#-1;#:2:text0-#-2;#:3:text0-#-3";
this.arrText[1] = "1:1:text1-1-1;1:2:text1-1-2;2:3:text1-2-3;2:4:text1-2-4;3:5:text1-3-5;3:6:text1-3-6";
this.arrText[2] = "1:1:text1-1-1;1:2:text1-1-2;2:3:text1-2-3;2:4:text1-2-4;3:5:text1-3-5;3:6:text1-3-6";
this.toString = function(){
//根据输入参数,取得列表框对象集合
var pArr = this.dlts;
//alert(pArr.length);
if (pArr.length == 1)
this.dlts = document.getElementsByName(pArr[0]);
else
for(var i=0,j=pArr.length;i<j;i++)
this.dlts[i]=document.getElementById(pArr[i]);
//alert(this.dlts);
for(var i=0,j=this.dlts.length;i<j;i++)
if(this.dlts[i] == null)
throw new error(-1,"参数输入有误!/n无法根据参数取得列表框对象!");
//初始化列表框数据
this.initData();
this.setStyle();
this.attachEventForDlts();
}
}
cascadeListBox.prototype.dltChg = function(index){
var pId = this.dlts[index].value;
//alert(this.dlts[index].outerHTML);
this.addOptions(++i,pId);
this.dltChg(i);
}
cascadeListBox.prototype.attachEventForDlts = function(){
for(var i=0,j=this.dlts.length-1;i<j;i++)
this.addEvent(i);
}
cascadeListBox.prototype.addEvent = function(index){
this.dlts[index].attachEvent("onchange",eval(this.dltChg(index)));
}
cascadeListBox.prototype.setStyle = function(){
//set the style of dropdownlist at here
}
cascadeListBox.prototype.initData = function(){
this.addOptions(0,"#");
this.dlts[0].selectedIndex = -1;
}
cascadeListBox.prototype.addOptions = function(index,parentId){
var dlt = this.dlts[index];
dlt.innerHTML="";
var str = this.arrText[index];
var reg = new RegExp("\s*"+parentId+"\s*:\s*[^:^;]*\s*:\s*[^:^;]*\s*(?=;|$)","g");
var txts = str.match(reg);
for(var i=0,j=txts.length;i<j;i++){
var attrs = txts[i].split(":");
var opt = document.createElement("OPTION");
opt.setAttribute("parentId",attrs[0]);
opt.setAttribute("value",attrs[1]);
opt.setAttribute("text",attrs[2]);
dlt.options.add(opt);
}
}
//-->
</script>
</head>
<body>
<select name="dlt"></select>
<select name="dlt"></select>
<select name="dlt"></select>
<script language="JavaScript">
<!--
(new cascadeListBox("dlt")).toString();
//-->
</script>
</body>
</html>
本来用function(){}的方式来写的,可以有问题,在cascadeListBox.prototype.dltChg中根本访问不到cascadeListBox里的this.dlts对象了.如何解决?大侠救我!
附代码如下:
<html>
<head>
<script language="JavaScript">
<!--
function cascadeListBox(){
//this.isShowPlease = true; //是否显示请选择**字样
this.id = "lb";
this.dlts = arguments; //取得参数列表,形式如: ("dlt1","dlt2","dlt3"[,"dlt4"])参数个数不限
this.arrText = new Array();
this.arrText[0] = "#:1:text0-#-1;#:2:text0-#-2;#:3:text0-#-3";
this.arrText[1] = "1:1:text1-1-1;1:2:text1-1-2;2:3:text1-2-3;2:4:text1-2-4;3:5:text1-3-5;3:6:text1-3-6";
this.arrText[2] = "1:1:text1-1-1;1:2:text1-1-2;2:3:text1-2-3;2:4:text1-2-4;3:5:text1-3-5;3:6:text1-3-6";
this.toString = function(){
//根据输入参数,取得列表框对象集合
var pArr = this.dlts;
//alert(pArr.length);
if (pArr.length == 1)
this.dlts = document.getElementsByName(pArr[0]);
else
for(var i=0,j=pArr.length;i<j;i++)
this.dlts[i]=document.getElementById(pArr[i]);
//alert(this.dlts);
for(var i=0,j=this.dlts.length;i<j;i++)
if(this.dlts[i] == null)
throw new error(-1,"参数输入有误!/n无法根据参数取得列表框对象!");
//初始化列表框数据
this.initData();
this.setStyle();
this.attachEventForDlts();
}
}
cascadeListBox.prototype.dltChg = function(index){
var pId = this.dlts[index].value;
//alert(this.dlts[index].outerHTML);
this.addOptions(++i,pId);
this.dltChg(i);
}
cascadeListBox.prototype.attachEventForDlts = function(){
for(var i=0,j=this.dlts.length-1;i<j;i++)
this.addEvent(i);
}
cascadeListBox.prototype.addEvent = function(index){
this.dlts[index].attachEvent("onchange",eval(this.dltChg(index)));
}
cascadeListBox.prototype.setStyle = function(){
//set the style of dropdownlist at here
}
cascadeListBox.prototype.initData = function(){
this.addOptions(0,"#");
this.dlts[0].selectedIndex = -1;
}
cascadeListBox.prototype.addOptions = function(index,parentId){
var dlt = this.dlts[index];
dlt.innerHTML="";
var str = this.arrText[index];
var reg = new RegExp("\s*"+parentId+"\s*:\s*[^:^;]*\s*:\s*[^:^;]*\s*(?=;|$)","g");
var txts = str.match(reg);
for(var i=0,j=txts.length;i<j;i++){
var attrs = txts[i].split(":");
var opt = document.createElement("OPTION");
opt.setAttribute("parentId",attrs[0]);
opt.setAttribute("value",attrs[1]);
opt.setAttribute("text",attrs[2]);
dlt.options.add(opt);
}
}
//-->
</script>
</head>
<body>
<select name="dlt"></select>
<select name="dlt"></select>
<select name="dlt"></select>
<script language="JavaScript">
<!--
(new cascadeListBox("dlt")).toString();
//-->
</script>
</body>
</html>
...全文
请发表友善的回复…
发表回复
ice_berg16 2006-01-14
- 打赏
- 举报
cascadeListBox.prototype.addEvent = function(index){
var self =this;
this.dlts[index].attachEvent("onchange",function(){
self.dltChg(index);
});
}
var self =this;
this.dlts[index].attachEvent("onchange",function(){
self.dltChg(index);
});
}
