如何在下拉列表中選擇一個選項時顯示另一個html文件？

Question

如何在下拉列表中選擇選項時顯示另一個html文件？我不知道接下來會輸入什麼內容。我有列表中每個選項的html文件。如果我在列表中選擇一個選項，我想在<div =id"cakes">中顯示html文件。該html位於與我的索引相同的文件夾中。

function display() { 
 
    var cake = document.getElementById("type").value; 
 

 
    document.getElementById("cakes").innerHTML = link 
 
}

<select id="type" onchange="display()"> 
 
    <option value="special">Specialty Cakes</option> 
 
    <option value="wedding">Wedding Cakes</option> 
 
</select> 
 

 
<div id="cakes">

Answer 1

我希望與您合作。

function display() { 
var cake = document.getElementById("type").value; 
document.getElementById("cakes").innerHTML = '<object type="text/html" data="'+cake+'.html" > </object>'; 
}