Javascript Iframe从下拉列表中选择多个站点_Javascript_Html

Javascript Iframe从下拉列表中选择多个站点

javascript html

Javascript Iframe从下拉列表中选择多个站点,javascript,html,Javascript,Html,我正在尝试做这样的事情：我希望能够根据下拉列表中选择的选项动态更改iframe 到目前为止，我掌握的代码如下： <html> <head> <script> function hidem() { document.getElementById('Select').style.display = "none"; document.getElementById('test1').style

我正在尝试做这样的事情：

我希望能够根据下拉列表中选择的选项动态更改iframe

到目前为止，我掌握的代码如下：

    <html>
    <head>
    <script>
        function hidem() {
        document.getElementById('Select').style.display = "none";
        document.getElementById('test1').style.display = "none";
        document.getElementById('test2').style.display = "none";
        }
    function changeIt(divid) {
        hidem();
        document.getElementById(divid).style.display = "block";
    }
    </script>
    </head>

    <table border="0">
        <tr>
            <td>
                <select id="Manage" onChange="changeIt(this.value)">
                <option value="Select">Select A Management Window</option>
                <option value="test1">Google</option>
                <option value="test2">Yahoo</option>
                </select>
            </td>
            <td>
                <div id="Select">
                    <h2>Information:</h2>
                    This is a management console
                </div>
                <div id="test1" style="display:none">
                    <h2>Google:</h2>
                    <iframe src="http://www.google.com" width="100%" height="100%"></iframe>
                </div>
                <div id="test2" style="display:none">
            <h2>Yahoo:</h2>
                    <iframe src="http://www.yahoo.com" width="100%" height="100%"></iframe>
                </div>
            </td>
        </tr>
    </html>


函数hidem（）{
document.getElementById（'Select'）.style.display=“无”；
document.getElementById（'test1'）.style.display=“无”；
document.getElementById（'test2'）.style.display=“无”；
}
函数changeIt（divid）{
hidem（）；
document.getElementById（divid）.style.display=“block”；
}
选择一个管理窗口
谷歌
雅虎
资料:
这是一个管理控制台
谷歌：
雅虎：

但它似乎并没有按照我的预期工作。有人能帮我解决这个问题吗

谢谢,

Dave

尽管存在大量无效的HTML错误（在@BillyMoat的评论中已突出显示），我不相信您能够完成计划。

许多大型网站（特别是谷歌）在其页面上使用

X-Frame-Options:SAMEORIGIN

这意味着不允许浏览器在父项来自不同来源（即域）的框架中显示页面。。。当然，这取决于浏览器对该指令的理解，而当前大多数浏览器都是这样做的

，包括一个浏览器列表，该列表将阻止正在加载的页面

您的HTML非常混乱。没有正文标签，没有表单标签，没有结束表标签。另外，您不应该使用表来进行这样的HTML布局。您应该只使用块级元素，如DIV标记等。您希望如何“动态更改iframe”？@EricLeschinski我希望能够更改基于下拉项加载的网页。jQuery change（）事件在这里使用起来可能更简单：您也将很难将像Google这样的页面放入您的

，它们的设置带有一个标题，以防止放置在任何框架内