我这里有一个示例html代码和javascript,当被Google Chrome和Mozilla Firefox浏览时,它工作得很好,但当从Internet Explorer9查看时,它现在变得一团糟。
我的html代码是:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<script type="text/javascript" src="dummy.js"></script>
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
</head>
<body>
<div id="dummy" style="display:none;"><option value="dummy">dummy</option></div>
<table>
<tr>
<td>
<tbody id="MultCompanyIdPane"> </tbody>
</td>
</tr>
</table>
<script>modifyMultCompIdFunc();</script>
</body>
</html>我的示例javascript是:
function modifyMultCompIdFunc() {
$("#MultCompanyIdPane").show();
var html =
'<tr>' +
'<td align="left">Company:</td>' +
'<td align="right">' +
'<select id="var" class="UserMgmtInputText">' +
$("div#dummy").html() +
'</select>' +
'</td>' +
'</tr>';
$("#MultCompanyIdPane").append(html);
}我已经尝试重置我的IE配置,但它不能解决问题。对如何解决这个问题有什么想法吗?还是我做错了?
它在显示方面搞得一团糟,当在google chrome/mozilla中查看时,下拉列表框正在工作(选择框上有一个值),但当使用IE9查看时,下拉列表框中没有值。
谢谢。
发布于 2012-09-26 19:54:31
有两个具有相同id (MultCompanyIdPane)的<tbody>元素。此外,您的<option>标记应该是<option>dummy</option>或<option value="dummy">dummy</option>。
https://stackoverflow.com/questions/12600469
复制相似问题