Angelxiaobei
Angelxiaobei
2011-12-02 22:13

一个关于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条回答

  • heihei0923 heihei0923 10年前

    sorry:
    应该是这样子

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

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

    点赞 评论 复制链接分享
  • lhnrdbijxh 断浪刀 10年前

    这个是因为你的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); };
    点赞 评论 复制链接分享
  • heihei0923 heihei0923 10年前

    js闭包问题。

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

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

    点赞 评论 复制链接分享
  • wangmaohong0717 hello-friend 10年前

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

    点赞 评论 复制链接分享