Javascript combobox

Question

我有一個組合框給了我3個選項，當你去選項，如果給我一個圖像的選項框外。我想要做的是能夠顯示html而不是圖像。

function display_map(mapid) { 
    println(mapid); 
    if (mapid == "ireland_map") { 
     document.getElementById('ireland_map').style.display = "block"; 
     document.getElementById('africa_map').style.display = "none"; 
     document.getElementById('america_map').style.display = "none"; 
    } 
    else if (mapid == "africa_map") { 
     document.getElementById('ireland_map').style.display = "none"; 
     document.getElementById('africa_map').style.display = "block"; 
     document.getElementById('america_map').style.display = "none"; 
    } else if (mapid == "america_map") { 
     document.getElementById('ireland_map').style.display = "none"; 
     document.getElementById('africa_map').style.display = "none"; 
     document.getElementById('america_map').style.display = "block"; 
    } 
    else { 
     document.getElementById('ireland_map').style.display = "none"; 
     document.getElementById('africa_map').style.display = "none"; 
     document.getElementById('america_map').style.display = "none"; 
    } 
}​ 

<select name="#" id="map_select" onChange="display_map('freddy');"> 
     <option selected="selected"></option> 
     <option id="ireland_map">ireland</option> 
     <option id="africa_map">africa</option> 
     <option id="america_map">america</option> 
</select> 

<div id="ireland_map" style="display:none;"> hey, 1 works </div> 
<div id="africa_map" style="display:none;"> hey, 2 works </div> 
<div id="america_map" style="display:none;"> hey, 3 works </div>​ 

Answer 1

您的div上有相同的ID以及您的選項。這是它不工作的原因。

http://jsfiddle.net/jbabey/z9Jct/