Javascript 基于带有类标记的下拉选择隐藏/显示表单字段

我对应用程序窗体上的显示/隐藏功能有问题。应用程序表单在此处直播->

目前，该表单作为一个多页表单（在javascript中）工作，这很好，它做得很好，但根据我在这里查看的任何问答指南，我都无法弄清楚什么（我已经浏览了许多谷歌搜索）是如何集成进一步的显示/隐藏脚本，以便在顶部的下拉列表值为1时隐藏申请者2列

该列是一个表，所有输入都在单独的行中，因此我认为最简单的方法是链接到一个类，然后隐藏该类，但我不知道如何做到这一点

我用我对javascript的了解达到了这一点，但这一点似乎是我无法克服的障碍。

您可以使用.change（）（jQuery）和下拉列表查看值，然后在此基础上隐藏并显示您需要的内容

$("#idOfDropDown").change(function() {
    if ($(this).val() == 1) {
        //Show  or Hide what you need .show()
    }
    else {
        //Show or Hide .hide()
});

这里有一个演示：使用类。

是一个快速而肮脏的示例。很容易看出如何扩展它

$("#drop").change(function(){
    if( $(this).val() === "2" ) {
         $(".rest").slideDown("fast");   
    } else {
       $(".rest").slideUp("fast");     
   }
});

---

编辑。

我不想成为一个痛苦的人，但你有没有可能举个例子。我不确定如何正确地实施这一点。当然，给我几分钟时间，我会整理一个。谢谢，我的主要问题是知道如何让javascript隐藏一个特定的类。好的，我已经更新了live sheet上的代码，并在我想隐藏的第一行周围包装了一个div标记，但它不起作用，有什么想法吗？你会拉小提琴吗？会容易得多。好吧，我知道演示是如何工作的，这是有意义的，但它是在显示div id的基础上工作的。我如何让它显示一个类？@tymeJV为什么

=

是严格的相等运算符。我的表单当前作为一个表工作，因此行相互交织，因此我可能猜我看到的是multple div id或class标记。@sagamon使用class选择器

而不是id

@Andreemes我的错，我没有意识到，请忽略我的评论。