드롭 다운 목록에서 옵션을 선택하면 다른 html 파일을 표시하는 방법은 무엇입니까?

Question

드롭 다운 목록에서 옵션을 선택하면 다른 html 파일을 표시하는 방법은 무엇입니까? 나는 다음에 무엇을 입력 할 지 모른다. 목록의 각 옵션에 대한 html 파일이 있습니다. 목록에서 옵션을 선택하면 <div =id"cakes">에 html 파일을 표시하려고합니다. html은 내 색인과 같은 폴더에 있습니다.

Answer 1

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">

나는 그것은 당신과 함께 일하겠습니다.

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