jQuery：無法使hide（）和show（）工作

我是jquery的新手，我正在練習它。我創建了兩張表，顯示軍事北約字母和拼音字母的發音。在下拉框中選擇「Alfabet」或「Cjfers」後，必須顯示相應的表格。這不起作用，我不知道我做錯了什麼。我希望有人能幫助我在這裏找出問題。jQuery：無法使hide（）和show（）工作

這裏有一個的jsfiddle：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(); 
    } });

來源

2013-09-16 Forza

因爲你"#dropdown"選擇查找由ID的元素，但你給你的元素的名稱你不綁定到你的選擇。你可以選擇名字（使用"[name=dropdown]"），但最好的是使用一個ID。

變化

<select name="dropdown">

到

<select id="dropdown">

Fixed fiddle

來源

2013-09-16 18:08:17

好奇怪，我沒有注意到，一個:)現在它在的jsfiddle，但無論我做什麼，這不是在xampp服務器上本地工作。我已經從jsfiddle複製了一切，它仍然不起作用:( – Forza

它可能聽起來很愚蠢，但我鼓勵你將所有這些代碼複製到本地html文件中，並嘗試運行它。我告訴你，這段代碼是就像在jsFiddle一樣，但它不會工作！ – Forza

1）檢查你導入jQuery 2）檢查你在控制檯中沒有錯誤3）把綁定放在準備好的回調中，如http://jsfiddle.net/ YtrDE/ –

jQuery：無法使hide（）和show（）工作

回答

相關問題