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

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

New Document

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

[/code]

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

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

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); };