there are two page:test1.html and test2.html.
test1.html code:
<html>
<head>
<title></title>
<link href="Scripts/EasyUI/themes/default/easyui.css" rel="stylesheet" type="text/css" />
<link href="Scripts/EasyUI/themes/icon.css" rel="stylesheet" type="text/css" />
<script src="Scripts/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="Scripts/EasyUI/jquery.easyui.min.js" type="text/javascript"></script>
<script src="Scripts/EasyUI/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
</head>
<body style="margin:0px;">
<div style="width:500px;height:500px;">
[b] <iframe id="iframe" src="test2.html" scrolling="no" style="width:100%;height:100%;"></iframe>[/b]
</div>
</body>
</html>
test2.html code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title></title>
<link href="Scripts/EasyUI/themes/default/easyui.css" rel="stylesheet" type="text/css" />
<link href="Scripts/EasyUI/themes/icon.css" rel="stylesheet" type="text/css" />
<script src="Scripts/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="Scripts/EasyUI/jquery.easyui.min.js" type="text/javascript"></script>
<script src="Scripts/EasyUI/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
</head>
<body style="margin:0px;">
<div style="width:800px; height: 500px;text-align:center;padding-top:20px;">
<input id="combo" />
</div>
<script type="text/javascript">
$(function () {
$('#combo').combobox({
valueField: 'id',
textField: 'name',
data: [
{ 'id': 1, 'name': '1' },
{ 'id': 2, 'name': '2' },
{ 'id': 3, 'name': '3' },
{ 'id': 4, 'name': '4' },
{ 'id': 5, 'name': '5' },
{ 'id': 6, 'name': '6' }
],
value: 3
});
});
</script>
</body>
</html>
using
easyui 1.4.1 and IE9, if we
vist test1.html, tere will be
an error(see the attchment image).
if we
vist test2.html,no error.