0

アプリフォームの表示/非表示機能に問題があります。アプリフォームはここにあります-> http://www.specialfinance.co.uk/introducers/submit-an-enquiry/secured-loans.html

現在、フォームは（javascript内の）複数ページのフォームとして機能し、問題なく機能していますが、ここで調べたQ＆Aガイドのいずれにも基づいて理解できないこと（私は通り抜けました多くのグーグル検索）は、上部のドロップダウンの値が1の場合に、さらに表示/非表示スクリプトを統合して、申請者2列を非表示にする方法です。

列はすべての入力が別々の行にあるテーブルなので、クラスにリンクしてからクラスを非表示にするのが最も簡単な方法だと思っていましたが、これを行う方法がわかりません。

私はjavascriptの知識を持ってそこに到達していますが、これは私が乗り越えられないハードルのようです。

4

2 に答える 2

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 に答える
0

これは簡単で汚い例です。どのように拡張できるかは簡単にわかります。

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

クリックしてデモをご覧ください 編集済み。

于 2013-03-12T16:34:54.660 に答える