Question

<select onchange="if (this.value) window.location.href=this.value">
            <option value="">...Select Paragraph...</option>
            <option value="page-1.html">Paragraph 1 </option>
            <option value="page-2.html">Paragraph 2 </option>
            <option value="page-3.html">Paragraph 3 </option>
            <option value="page-4.html">Paragraph 4 </option>
        </select>

我使用上面的html代码创建了一个下拉菜单。它的作用是，每当用户更改下拉列表的值时，他将被带到另一个URL。因为我必须在很多其他html页面中使用它，我为它创建了一个单独的html页面，并将其作为iframe嵌入到我需要的任何地方。我面临的问题是，每当用户更改下拉列表的值时，新的URL将加载到iframe中，而不是在整个页面中加载。请帮忙！。我应该在onchange=""中对主页加载的网址而不是iframe进行哪些更改？谢谢！

Answer 1

有两种选择：

不使用<iframe>，因为此标记用于将HTML嵌入到另一个HTML中，我不知道您为什么要这样做，因为您希望它是全屏而不是其他HTML内容。

CSS <iframe> with

iframe {
    width: 100%;
    height: 100%;
}

Answer 2

由于您已嵌入完全独立页面中的下拉列表，因此您需要在下拉列表更改时获取父窗口。

window.parent.document.href = this.value;

Answer 3

{{1}}

使用JS获取所选选项的值，如

{{1}}

如何在整个页面中加载链接而不是在iframe中加载

3 个答案: