如何在下拉列表中选择一个选项时显示另一个html文件？

Question

如何在下拉列表中选择选项时显示另一个html文件？我不知道接下来会输入什么。我有列表中每个选项的html文件。如果我在列表中选择一个选项，我想在<div =id"cakes">中显示html文件。 html与我的索引位于同一文件夹中。

＆＃13;

＆＃13;

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

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

＆＃13;

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

<div id="cakes">

＆＃13;

＆＃13;

＆＃13;

Answer 1

我希望它与你合作。

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