0

最初はCSSの問題だと思っていましたが、問題を再現するために小さなサンプルを作成しました。IE8を使用している場合、値：Value1、2、および3は表示されません。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

    <script type="text/javascript">
        $(document).ready(function () {
            alert("Thanks for visiting!");
            var gridCommandBox = $('#GridCommands')[0];

            if (gridCommandBox.options.length == 0) {

                gridCommandBox.options.add(new Option("<Select Command>", ""));
                var clipGroup = document.createElement("optgroup");
                clipGroup.label = "Copy To Clipboard...";
                clipGroup.appendChild(new Option("Value1", "Value1"));
                clipGroup.appendChild(new Option("Value2", "Value2"));
                clipGroup.appendChild(new Option("Value3", "Value3"));
                gridCommandBox.appendChild(clipGroup);
            }
        });
    </script>
</head>
<body>

<table>
<tr><td><select id="GridCommands"></select></td></tr>
</table>

</body>
</html>

何か案は？ありがとうマックス

4

1 に答える 1

0

Optionオブジェクトは、HTMLのタグに関連付けられているHTMLDOMオブジェクトです。Optionオブジェクトを直接インスタンス化し、このJavaScriptオブジェクトを別のDOM要素に追加しようとしています。

これは一部のブラウザでは機能する可能性がありますがdocument.createElement('option')、オプションの作成にはを使用する必要があります。新しいオプションアプローチを使用する場合はhistory.go(0)、ブラウザに選択オプションを更新させるために、後で追加する必要がある場合もあります。

于 2012-06-14T21:58:05.603 に答える