Jquery：条件类型逻辑

Question

我正在尝试使用两个条件类型逻辑 select 选项值。我让它们工作，但是当我 select 一个时，另一个会自行删除，这不是预期的效果。我希望每个人都能独立工作。

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

Answer 1

您正在使用 "siblings"，并且它们都是兄弟姐妹，只需将与 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>

Jquery：条件类型逻辑

Jquery: Conditional type logic

forms

jquery

selecteditem