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

<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代码来创建一个下拉菜单。它所做的是，只要用户更改下拉列表的值，他就会被带到另一个网址。因为我必须在很多其他html页面中使用它，所以我为它创建了一个单独的html页面，并将其作为iframe嵌入，无论我需要它。我面临的问题是，无论何时用户更改下拉列表的值，都会将新url加载到iframe中，而不是加载到整个页面中。请帮忙！。我应该在onchange=""中进行哪些更改，以便在父页中加载url而不是iframe？谢谢！如何使整个页面的链接加载，而不是在iframe中加载

来源

2017-09-04 user3388450

有两种选择：

不使用，因为这个标签是嵌入另一个HTML，我不知道你为什么要内部HTML，因为你希望它是全屏而不是其他一些HTML内容。

CSS的与

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

来源

2017-09-04 07:44:09 campovski

是的，先生，我嵌入这个下拉菜单到另一个HTML页面。如果用户想要转到下拉列表中列出的特定网址，我希望用户从下拉列表中选择网址。但该网址不应该加载在iframe中，而应该放在整个页面中。 – user3388450

是的，但是当他们点击那个按钮时，他们被重定向到另一个由另一个HTML页面表示的URL？ – campovski

是的，先生。下拉容器用户可以访问的html页面链接列表。我想将这个下拉菜单作为iframe嵌入到很多html页面中。但是，当用户更改下拉菜单时，新网址将加载到同一个iframe中。我想要在父页面中加载新的url – user3388450

既然你已经嵌入式下拉这是完全独立的页面，你需要得到父窗口，而你的下拉变化。

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

来源

2017-09-04 07:49:09

<select onchange="callfun(this.value);"> 
    <option>...Select Paragraph...</option> 
    <option value="paragraph1">Paragraph 1 </option> 
    <option value="paragraph2">Paragraph 2 </option> 
    <option value="paragraph3">Paragraph 3 </option> 
    <option value="paragraph4">Paragraph 4 </option> 
</select>

使用JS来获得所选选项的值，就像

function callfun(value) { 
    if(value == "paragraph1") { 
     // do something 
    } else if(value == "paragraph2") { 
     // do something 
    } else if(value == "paragraph3") { 
     // do something 
    } else { 
     // do something 
    } 
}

来源

2017-09-04 07:57:23 Jenny

使用JS来获得所选选项的值，就像 – Jenny

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

回答

相关问题