0

我在这里有一个示例 html 代码和 javascript，当被 Google Chrome 和 Mozilla Firefox 浏览时，它可以正常工作，但是当从 Internet Explorer 9 中查看时，它现在变得一团糟。

我的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查看时，下拉列表中没有值盒子。

谢谢。

4

2 回答 2

1

您的示例中有多个问题。

  1. MultCompanyIdPane id 被使​​用了 2 次。
  2. IE 不允许<option>在标签之外使用<select>标签。这就是为什么$("div#dummy").html()只返回 textdummy而不是<option value="dummy">dummy</option>.

工作示例。

于 2012-09-26T12:06:50.423 回答
0

您有两个<tbody>具有相同 id (MultCompanyIdPane) 的元素。此外，您的<option>标签应该是<option>dummy</option>或<option value="dummy">dummy</option>。

于 2012-09-26T11:54:31.270 回答