JS命名问题造成不同浏览器执行结果不同

写了段JS如下：

for(var idx in selectFields) {
item = selectFields[idx];
var field = document.getElementsByName(item.name)[0];
if(field && 'select' == field.tagName.toLocaleLowerCase()) {
for(var i=0; i < field.options.length; i++) {
field.options[i].value = i + item.start;
}
// field.selectedIndex = item.defaultValue;
field.value = item.defaultValue || item.start;
}
}

在WEBKIT的浏览器上没有问题，但IE死都不能运行，最后追踪到 item = selectFields[idx]; 这句后面就不执行了。

alert了一下item，发现是window的一个属性，不是undefined，问题就很明了了。此时把 item 换成其它名字，或者 var item 一下都行，当然换名字是比较好的解决方案，这里只是个范例，所以就直接 var 了，修改后的代码如下：

for(var idx in selectFields) {
var item = selectFields[idx];
var field = document.getElementsByName(item.name)[0];
if(field && 'select' == field.tagName.toLocaleLowerCase()) {
for(var i=0; i < field.options.length; i++) {
field.options[i].value = i + item.start;
}
// field.selectedIndex = item.defaultValue;
field.value = item.defaultValue || item.start;
}
}