Javascript Jquery选择下拉列表以添加或删除类

我正在构建一个web应用程序，您可以在其中将电视节目标记为“想看”、“正在看”、“已看完”或“已停止看”。有一个下拉列表可供选择。如果选择了“当前观看”，则还应显示两个下拉列表，供用户输入上次观看的季节和情节。但是，我很难让jQuery正常工作

HTML

elseif（elseif）-语法错误

由于JS是区分大小写的，所以必须将TRUE/FALSE更改为TRUE/FALSE

您指定了类选择器而不是id选择器。请将$（上次观看）更改为$（上次观看）

（您可以使用===代替==进行严格比较）。 因此，完成的代码将如下所示：

    $(document).ready(function() {    
      $("#updateTvStatus").change(function() {
        var TVstatus = $("#updateTvStatus").val();
        var ishidden = $('#last-watched').hasClass("hidden");
        if (TVstatus == 1 && ishidden == true) {
           $('#last-watched').removeClass("hidden");
        } else if (TVstatus != 1 && ishidden == false) {
           $('#last-watched').addClass("hidden");
       }
      });
    });

---

我不知道你到底在找什么。但这正是你想要的：

$(document).ready(function() {    
$('#last-watched').hide();
$("#updateTvStatus").change(function() {
 var TVstatus = $("#updateTvStatus").val();
   if(TVstatus == 1){
        $('#last-watched').show();
    }else {
        $('#last-watched').hide();
    }
});
});
</script>

$（文档）.ready（函数（）{
$（“#上次观看”）.hide（）；
$（“#updatevstatus”）.change（函数（）{
var TVstatus=$（“#updateTvStatus”）.val（）；
如果（TVstatus==1）{
$（“#上次观看”）.show（）；
}否则{
$（“#上次观看”）.hide（）；
}
});
});

什么是

TRUE

和

FALSE

？您遇到了什么具体问题？在第4行中，您正在查找$（'.last wasted'），它正在搜索一个以'last wasted'作为类名的元素。是不是应该是$（“#最后一次观看”）？当你说“电视节目”（复数）时似乎很好，你是否用相同（重复）ID创建了上面相同HTML的多个副本？你真的需要详细说明“正常工作”的含义。问题是当我点击“当前正在观看”时，它不会显示其他两个下拉列表。我这里有一个问题：@PaulAbbott，对我来说，你的代码笔挂在“加载…”

    $(document).ready(function() {    
      $("#updateTvStatus").change(function() {
        var TVstatus = $("#updateTvStatus").val();
        var ishidden = $('#last-watched').hasClass("hidden");
        if (TVstatus == 1 && ishidden == true) {
           $('#last-watched').removeClass("hidden");
        } else if (TVstatus != 1 && ishidden == false) {
           $('#last-watched').addClass("hidden");
       }
      });
    });

$(document).ready(function() {    
$('#last-watched').hide();
$("#updateTvStatus").change(function() {
 var TVstatus = $("#updateTvStatus").val();
   if(TVstatus == 1){
        $('#last-watched').show();
    }else {
        $('#last-watched').hide();
    }
});
});
</script>