如何根据初始响应显示表单步骤(Jquery步骤)

时间:2017-01-23 15:15:16

标签: jquery html forms jquery-steps

我正在使用jquery步骤插件的一种形式,我尝试做这样的事情:我有一个完整的表单,我想根据最初的响应显示一个或另一个步骤一个问题。

最初的问题是这样的:

<div id="initial_question" style=" z-index: 10000;text-align: center; padding-top: 200px;position: fixed; top: 0%;left: 0%;right: 0%;bottom: 0%; background-color: rgba(178,139,8,1)">
            <div class="middle-box text-center animated fadeInDown">

                <h3 class="font-bold">¿question?</h3>

                <div >

                    <a id="yes"class="btn btn-primary m-t">yes</a>
                    <a id="not" class="btn btn-primary m-t">not</a>
                </div>
            </div>
        </div>

我的表格是这样的:

    <form id="form"  enctype="multipart/form-data" method="POST" class="wizard-big">

     <h1>Applicant details</h1>
     <fieldset>
<!--.........-->
    </fieldset>
     <h1 class="option_no">Owner's data</h1>
     <fieldset class="option_no">
<!--.........-->
     </fielset>
</form>

我试图创建一个脚本来删除我不想显示的表单步骤的元素但是我没有让它工作。脚本如下:

<script>

        $(document).ready(function(){


            $( "#yes" ).click(function() {
            $("#initial_question").fadeOut("slow");
            });


            $( "#not" ).click(function() {

             $(".option_no").remove();

             $("#initial_question").fadeOut("slow");

            });
}
</script>
PS:我可能因为没有整个表格而有错字错误,但实质上我需要的是我的问题。

1 个答案:

答案 0 :(得分:0)

您是否看过开关/案例陈述?

switch (n) {
case label1: 
// code to execute if answer is yes;
break;

case label2:
// code to execute if answer is no;
break;
default:
echo "Please choose yes or no";
break;
}