Javascript没有在IE上运行

Question

我有一个在Firefox和Safari上运行良好的JavaScript代码段,但拒绝在IE上运行:

var drop= function(id)
{
   if(document.getElementById("select1").value == "Ficha de pediatria"){
    top.location.href = "print.jsp?id="+id+"&type=2";
   }
   else if(document.getElementById("select1").value == "Ficha normal"){
        top.location.href = "print.jsp?id="+id+"&type=1";
   }
}

<select id="select1" name="select1" onChange="drop(id);return false;">
<option>Imprimir:</option>
<option>Ficha de pediatria</option>
<option>Ficha normal</option>
</select>

我对此进行了尝试,因为它有更多的JSP代码,但它仍然保持不变.任何人都知道为什么它不在IE上运行？

Answer 1

[编辑]抱歉.我在第一篇文章中介绍了一个错误,没有仔细查看你是如何构建你的网址的.我不应该删除id参数.我已经更新了代码,现在应该可以使用了.

试试这个:

function drop(ctl,id)
{
   var value = ctl.options[ctl.selectedIndex].value;

   if(value == "Ficha de pediatria"){
       window.top.location.href = "print.jsp?id="+id+"&type=2";
   }
   else if (value == "Ficha normal"){
       window.top.location.href = "print.jsp?id="+id+"&type=1";
   }
}

<select id="select1" name="select1" onChange="drop(this,id);return false;">
<option>Imprimir:</option>
<option>Ficha de pediatria</option>
<option>Ficha normal</option>
</select>

[编辑]一点解释......

我认为问题在于它是如何访问DOM的.我认为IE在select上没有value属性.我认为你必须通过选择的选项获得它.此外,我不确定全局命名空间中是否存在顶级属性,但您应该能够通过window.top设置位置来获取它.最后,我稍微改进了一下,通过指定this参数,你可以跳过元素查找并直接从作为参数传递的控件引用它.