具有多个选择的条件字段

时间:2014-04-14 22:10:08

标签: javascript jquery

我知道我已经接近了这个。我一直在使用Jquery代码,该代码在选择另一个表单项时显示一个字段。我已经能够使选择部分正常工作,但我希望在选择其他选项时显示额外的字段。

因此,如果我选择表1,则会显示字段。但是,如果我选择表2,该字段将显示一秒钟并退出。

我虽然只是添加了第二个功能就可以实现这个技巧,或者添加一个' else'两者之间的陈述。不知道该怎么做。

链接到原始代码:http://www.onextrapixel.com/examples/jquery-cookie/

JS:

/*Without jQuery Cookie*/
$(document).ready(function(){
$("#parent1").css("display","none");

$("select").change(function(){
    if ($('select option:selected').val() == "table1" ) {
        $("#parent1").slideDown("fast"); //Slide Down Effect   
    } else {
        $("#parent1").slideUp("fast");  //Slide Up Effect
    }
     }); 
 $("select").change(function(){
    if ($('select option:selected').val() == "table3" ) {
        $("#parent1").slideDown("fast"); //Slide Down Effect   
    } else {
        $("#parent1").slideUp("fast");  //Slide Up Effect
    }
     });                  
});

表格:

            

示例1:基于所选选项显示字段而不使用jQuery Cookie

            

如果刷新页面或出现错误消息。最后一个动作没有被存储。

                             
  •                         ::选择一个::                         表格1                         表3                         表3                                  
  •                                           
  • 家长/监护人信息:
  •                 
  • 电子邮件:                 
  •                 
  • ORG:                 
  • 1 个答案:

    答案 0 :(得分:0)

    您的两个选择都在同一时间进行。 if为一个,而else为另一个。这取消了一切(闪回)

    您的解决方案很可能会使用“else if”作为您的第二个条件。所以它应该是if,否则if。