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. MultCompanyIdPaneidは2回使用されます。
  2. IEは、<option>タグをタグの外で使用することを許可していません<select>。そのため、。ではなく$("div#dummy").html()テキストのみが返されます。dummy<option value="dummy">dummy</option>

実例。

于 2012-09-26T12:06:50.423 に答える
0

<tbody>同じ ID (MultCompanyIdPane) を持つ 2 つの要素があります。また、<option>タグは または のいずれかである必要があり<option>dummy</option>ます<option value="dummy">dummy</option>。

于 2012-09-26T11:54:31.270 に答える