jQuery的下拉式菜單將會不顯示隱藏的div

Question

也有一些是明顯的，我缺少這個..只是想顯示基於下拉菜單的值隱藏的div ...... 這裏有一個的jsfiddle：

jsFiddle example

和代碼..

<p id="data"></p> 

<select id="dropdown"> 

     <option label="US CERT1">"#divone"</option> 
     <option label="US CERT2">"#divtwo"</option> 
     <option label="NIST">"#divfour"</option> 
     <option label="DHS NY">"#divfive"</option>  
     <option label="DHS News">"#divsix"</option> 

    </select> 

    <div id="divone" class="section" > 

    Contents of divone 

    </div> 


<script> 
$(document).ready(function() { 

    function displayVals() { 
     var targetdiv = $("#dropdown").val(); 
     $("#data").html("<b>Var data:</b> " + targetdiv ); 
     $('.section').css('display','none'); 
     $(targetdiv).css('display','block'); 
    } 

    $("select").change(displayVals); 
    displayVals(); 

}); 
</script> 

Answer 1

從option值中刪除語錄：

<option label="US CERT1">#divone</option> 
    <option label="US CERT2">#divtwo</option> 
    <option label="NIST">#divfour</option> 
    <option label="DHS NY">#divfive</option>  
    <option label="DHS News">#divsix</option> 

更新了例：http://jsfiddle.net/andrewwhitaker/nKL5v/

原因是，這條線：

$(targetdiv) 

就等於像$("\"#divone\"")，其中包含一個無效的選擇。