Question

以下代码，它使ASP.NET MVC 4在Firefox和Chrome上正常运行（页面加载时没有错误，下拉列表显示/正确响应），但IE10会在页面加载时抛出以下内容：

＆GT; 0x800a01b6 - JavaScript运行时错误：对象不支持属性或方法“已选择”

这是SELECT html标记：

<select class="chzn-select" data-placeholder="Group" name="Group">
    @foreach(var group in @Model.Groups)
    {
      <option value="@group">@group</option>
    }
</select>

下面的JavaScript：

 <script type="text/javascript">
    $(function () {
        $(".chzn-select").chosen();
    });
</script>

我已将selected.css和所选。*。js文件添加到相应的样式和脚本包中，然后将其包含在我的母版页中。

（页面请求中开发工具的屏幕） enter image description here

另外，我尝试使用select2，它在IE中遇到了同样的错误，其他浏览器运行正常。（我更新了包以包含对.css和.js的引用）我改变的代码是：

<select class="GroupDropdown" name="Group">
      @foreach(var group in @Model.Groups)
      {
         <option value="@group">@group</option>
      }
 </select>
 <script type="text/javascript">
      $(function () {
           $(".GroupDropdown").select2();
      });
 </script>

以下适用于所有浏览器（文件位于root并正确命名）

<!DOCTYPE html>
<html>
<head>
    <title>Dropdown Test</title>
    <script src="jquery.js" type="text/javascript"></script>
    <script src="select2.js" type="text/javascript"></script>
    <link href="select2.css" rel="stylesheet" />
</head>
<body>
    <select>
        <option value="A">A</option>
        <option value="B">B</option>
        <option value="C">C</option>
    </select>
</body>
<script type="text/javascript">
    $(function(){
        $("select").select2();
    });
</script>
</html>

Answer 1

我最近遇到了同样的问题，确保您使用的是1.8.1之后的稳定jquery版本

选择/选择2 jQuery插件不能与IE10一起使用

1 个答案: