选择/选择2 jQuery插件不能与IE10一起使用
Hen*_*nyH 7 asp.net-mvc jquery jquery-plugins internet-explorer-10
以下代码使用ASP.NET MVC 4在Firefox和Chrome上正常运行(页面加载时没有错误,下拉列表正确显示/响应),但IE10会在页面加载时抛出以下内容:
> 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文件添加到相应的样式和脚本包中,然后将其包含在我的母版页中.
(页面请求中的开发工具屏幕)
此外,我尝试使用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>