2016-07-16 102 views
0

我想有两个条件类型逻辑选择选项值。我让他们工作,但是当我选择一个时,另一个擦除它本身并不是所期望的效果。我希望每个人都能独立工作。Jquery:条件类型逻辑

这里是我的jQuery:

$("#00NK0000001wHIH").change(function() { 
     var value = $(this).find("option:selected").attr("name"); 
     var theDiv = $(".is" + value); 

     theDiv.slideDown().removeClass("hidden"); 
     theDiv.siblings('[class*=is]').slideUp(function() { 
      $(this).addClass("hidden"); 
     }); 
    }); 
$("#00NK0000001n3SA").change(function() { 
    var value = $(this).find("option:selected").attr("name"); 
    var theDiv = $(".is" + value); 

    theDiv.slideDown().removeClass("hidden"); 
    theDiv.siblings('[class*=is]').slideUp(function() { 
     $(this).addClass("hidden"); 
    }); 
}); 

Here is my jsFiddle for you to play with.

回答

2

您正在使用“兄弟姐妹”和所有的人都是兄弟姐妹,则只需将相关00NK0000001wHIH一个div内的所有这就是和所有应该工作。

<body> 
<div><!--add a div here--> 
    <div class="selectContainer"> 
... 
<!--then end it here--> 
</div> 
    <br /> 
    <div class="row" style="padding: 0;"> 
    <label class="small">Country</label> 
+0

我觉得这是那么简单,但是很失落。非常感谢你devzero的帮助。 – dreamweaver