Question

我是jquery的新手，我正在练习它。我创建了两个表格，显示军事北约字母和发音字母的发音。在下拉框中选择“Alfabet”或“Cijfers”后，必须显示相应的表格。这不起作用，我不知道我做错了什么。我希望有人可以帮我在这里查明问题。

这是一个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();
    } });

Answer 1

您没有绑定到您的选择，因为您的"#dropdown"选择器按ID查找元素，但您为元素指定了名称。您可以按名称选择（使用"[name=dropdown]"），但最好的是使用ID。

更改

    <select name="dropdown">

到

    <select id="dropdown">

Fixed fiddle

jQuery：无法让hide（）和show（）工作

1 个答案: