Jquery：条件类型逻辑答案

【问题标题】：Jquery: Conditional type logicJquery：条件类型逻辑
【发布时间】：2016-11-19 07:42:12
【问题描述】：

我试图有两个条件类型逻辑选择选项值。我让它们工作，但是当我选择一个时，另一个会自行擦除，这不是所需的效果。我希望每个人都能独立工作。

这是我的 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.

【问题讨论】：

标签： jquery forms selecteditem

【解决方案1】：

您使用的是“兄弟姐妹”，并且他们都是兄弟姐妹，只需将所有与 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>

【讨论】：

我以为事情就是这么简单，但不知所措。非常感谢 devzero 的帮助。