Question

我在应用表单上显示/隐藏功能有问题。这个应用程序表格在这里 - ＆gt; http://www.specialfinance.co.uk/introducers/submit-an-enquiry/secured-loans.html

目前，该表单可以作为多页形式（在javascript中），这很好，它正在很好地完成工作，但我根据我在这里看到的任何Q＆amp; A指南都无法弄清楚（我已经通过许多谷歌搜索了）是如何集成一个进一步的显示/隐藏脚本来隐藏申请人2列，如果顶部的下拉列表值为1。

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

我是以我对javascript的知识到达那里的，但这个似乎是一个我无法克服的障碍。

Answer 1

您可以将.change（）（jQuery）与下拉列表一起使用，以查看该值是什么，然后根据该值隐藏并显示您需要的内容。

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

下面是一个演示：http://jsfiddle.net/Szt59/1/使用一个类。

Answer 2

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

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

Click to see demo 编辑。

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

2 个答案: