我正在处理一些从别人那里接过来的 html 和 Javascript 代码。该页面每十秒重新加载一个数据表(通过异步请求),然后使用一些 DOM 代码重新构建该表。有问题的代码如下所示:
var blah = xmlres.getElementsByTagName('blah');
for(var i = 0; i < blah.length; i++) {
var td = document.createElement('td');
var select = document.createElement('select');
select.setAttribute("...", "...");
select.onchange = function() {
onStatusChanged(select, callid, anotherid);
};
td.appendChild(select);
}
当onchange事件被用于烧制<select>元素然而,好像被传递到相同的value观onStatusChanged()为每一个方法<select>在表中(我已经验证,在循环的每次迭代,callid并且anotherid被赋予了新的,不同的值)。
我怀疑这是由于我使用select.onchange = function()语法设置事件处理程序的方式的性质而发生的。如果我理解这是如何正确工作的,这个语法将 onchange 事件的闭包设置为一个函数,该函数引用这两个引用,最终具有它们在循环的最后一次迭代中设置的最终值。当事件触发时,通过value参考callid,并anotherid在最后一次迭代的值而定,无法将值设置在单独的迭代。
有没有办法可以复制我传递给的参数的值onStatusChanged()?
我已更改标题以更好地反映问题和已接受的答案。