一个关于js变量作用域的问题

[code="html"]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


New Document





<br> for(var i=0;i<3;i++){<br> document.getElementById("td1_"+i).onchange=function(){<br> alert(i);<br> };<br> }<br>

[/code]

我事希望第一行数据修改触发的onchange事件,alert(0)出来。
如果是第二行,就alert(1);
如果是第二行,就alert(2);
…………

每次都是alert(3),出来了。因为i最后的值是3。
现在我要达到我要的效果,我的js应该怎么写?请知道的朋友们,帮个忙。
我知道有变通的方法可以实现,不过我想知道这个js应该怎么写。

4个回答

sorry:
应该是这样子

for(var i=0;i<3;i++){

document.getElementById("td1_"+i).onchange=(
function(index){
return function(){
alert(index)
}
}
)(i);
}

可以在中定义一个函数。然后在每个td标签里加上onchange="函数名"

js闭包问题。

for(var i=0;i<3;i++){

document.getElementById("td1_"+i).onchange=(
function(index){
alert(index)
}
)(i);
}

这个是因为你的for循环,将变量i的值都给替换掉了,故只会剩下最后的那个值,如果你改成这样,就可以实现你需要的效果了:

//for(var i=0;i<3;i++){ // document.getElementById("td1_"+i).onchange=function(){ // alert(i); // }; //} document.getElementById("td1_0").onchange = function(){ alert(1); }; document.getElementById("td1_1").onchange = function(){ alert(2); }; document.getElementById("td1_2").onchange = function(){ alert(3); };
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐