0

我有一个jsp页面，它使用JavaScript在onload页面事件中进行自动选择，并使用一些jQuery来动态扩展不同的div标签，其中包含一些内容。

所以问题是setSelection在页面底部的脚本标签中的方法的调用，以及在被调用的js方法中的jQuery方法toggle在IE8中根本不起作用。但是在 Chrome、Firefox 和 IE9 中它可以正常工作。

我已经用谷歌搜索了很多这个问题，但我找不到任何有用的东西。IE8 中的调试器工具向我显示的唯一错误是“需要对象”和“需要表达式”。

这是代码：

                        <html>
        <head>
            <script type="text/javascript" src="jquery-1.7.2.js"></script>
            <script type="text/javascript">
                function toggle(el)
                {
                    var val = el.options[el.selectedIndex].value;
                    if (val == "1")
                    {
                        document.getElementById("2").style.display = "none";
                        $("#1").slideToggle(250);
                    }
                    else if (val == "2")
                    {
                        document.getElementById("1").style.display = "none";
                        $("#2").slideToggle(250);
                    }
                    else if (val == "0")
                    {
                        document.getElementById("1").style.display = "none";
                        document.getElementById("2").style.display = "none";
                    }
                }
                function setSelection(selection) 
                {
                    //Here we make dynamic selection of the combo box
                    var selct = document.getElementById("sel");
                    selct.options[selection].setAttribute("selected", "selected");
                    toggle(selct);
                }
            </script>
        </head>
        <body>

        <select name="mySel" id = "sel" onchange="toggle(this);">
            <option value="0">Zero</option>
            <option value="1">One</option>
            <option value="2">Two</option>
        </select>
        <div id="1" style="border:1px;">
        </div>
        <div id="2" style="border:1px;">
        </div>
        <script>
            setSelection(0);
        </script>
        </body>
        </html>

有人可以帮助我吗？

4

1 回答 1

1

将您的代码包装在文档就绪函数中并尝试。

jQuery(document).ready(function($) {
    // Stuff to do as soon as the DOM is ready. Use $() w/o colliding with other libs;
});
于 2012-07-20T17:06:06.407 回答