0

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

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

该列是一个表格，所有输入都位于单独的行中，所以我认为最简单的方法是链接到一个类，然后隐藏该类，但我不知道该怎么做。

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

4

2 回答 2

0

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

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

点击查看演示 编辑。

于 2013-03-12T16:34:54.660 回答
0

您可以使用带有下拉列表的 .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/使用一个类。

于 2013-03-12T16:26:03.493 回答