2

助けてくれてありがとう - 私のタイトルが少しわかりにくい場合は、事前にお詫び申し上げます。問題を説明したり、解決策を見つけたりするのに苦労しています.

現在構築中のモジュールの条件付きフォームを作成しようとしていますが、本当の JavaScript の知識がないために麻痺しています。

*現在作業中のコードは次の場所にあります。

http://jsfiddle.net/jgliesman/MQjf8/3/*

*フォームでやりたいことは、次の場所にあります。

http://form.jotform.us/form/22290232014135*

「ミニコード」を取得しようとしているのは(Jotformのように)...

親を変更する場合は、ドロップダウン/入力選択をクリアします。現在、「ミニコード」は、別の親に切り替えたときにメインの親の「孫」を隠していません。直系の子は消えるが「孫」は残る

また、非表示の場合はドロップダウン/入力選択をリセットしたいと思います。これは、ドロップダウンを元に戻すと、選択したオプションがまだ非表示になっていることが明らかであるためです。

ご不明な点がございましたら、お気軽にお問い合わせください。

再度、感謝します、

4

2 に答える 2

1

これを試して:

$(document).ready(function(){
        $("#select1").change(function(){
            if ($(this).val() == "1") {
                $("#hide1").slideDown("fast");     
            } else {   
                $("#hide1").slideUp("fast");    
                $("#hide2").slideUp("fast");
                $("#select2 option:first").prop('selected', true);
                $("#select3 option:first").prop('selected', true);                                
            }
        });    
        $("#select2").change(function(){    
            if ($(this).val() == "1") {    
                $("#hide2").slideDown("fast");   
            } else {    
                $("#hide2").slideUp("fast");       
            }
        });
});

フィドル

于 2012-08-19T23:31:52.300 に答える
0

私はあなたのフィドルを更新しました:http://jsfiddle.net/MQjf8/4/

@undifnedが提案したのと同じことをしますが、リセットも考慮に入れます。

$(document).ready(function(){
        $("#select1").change(function(){

            if ($(this).val() == "1" ) {
                $('#hide1 select').val('(choose one)'); // select default
                $("#hide1").slideDown("fast"); //Slide Down Effect

            } else {

                $("#hide1").slideUp("fast");    //Slide Up Effect
                $("#hide2").slideUp("fast");    //Slide Up Effect
            }
        });

        $("#select2").change(function(){

            if ($(this).val() == "1" ) {
                $('#hide2 select').val('(choose one)'); // select default
                $("#hide2").val('(choose one)').slideDown("fast"); //Slide Down Effect

            } else {

                $("#hide2").slideUp("fast");    //Slide Up Effect

            }
        });
    });
于 2012-08-19T23:42:44.083 に答える