如何使整個頁面的鏈接加載，而不是在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中加載

回答

相關問題