jQuery : hide() 및 show()가 작동하는 데 문제가 발생했습니다.

Question

jquery를 처음 사용하고 있으며이를 연습하고 있습니다. 나는 군대 나토 알파벳과 소리 나는 알파벳의 발음을 보여주는 두 개의 테이블을 만들었습니다. 드롭 다운 상자에서 "Alfabet"또는 "Cijfers"를 선택하면 해당 테이블이 표시되어야합니다. 이것은 작동하지 않으며, 내가 뭘 잘못하고 있는지 모른다. 누군가 제가 여기서 문제를 정확하게 지적하도록 도울 수 있기를 바랍니다. http://jsfiddle.net/qGUHy/1/

$(document).ready(function() { 
$(".cijfers").hide(); 
}); 

$('#dropdown').change(function() { 
    if ($('#dropdown option:selected').text() == "Alfabet"){ 
     $('.cijfers').hide(); 
     $('.alfabet').show(); 
    } else if ($('#dropdown option:selected').text() == "Cijfers"){ 
     $('.alfabet').hide(); 
     $('.cijfers').show(); 
    } else { 
     $('.cijfers').hide(); 
    } }); 

Answer 1

당신의 "#dropdown" 선택이 ID를 기준으로 요소를 검색하지만, 당신이 당신의 요소 이름을 주었기 때문에 당신은 당신의 선택에 결합하지 않습니다

는 여기 jsFiddle입니다. 당신은 이름 ("[name=dropdown]"를 사용하여)로 선택할 수 있습니다. 그러나 여기에서 가장 좋은 것은 id를 사용하는 것입니다.

변경

<select name="dropdown"> 

에

<select id="dropdown"> 

Fixed fiddle