如何在jQuery中使用多个条件？ 在jQuery中同时使用IF OR

Question

我在jQuery中尝试使用OR进行IF操作，但只有“ Returns”有效。 “处理中”不起作用。 需要帮助。

$('.target').change(function() {
     if (($(this).find('option:selected').val() == 'Returns') || ($(this).find('option:selected').val() == 'In Process')) {
       $(".answer").show('slow');
     }
     else{
         $(".answer").hide('slow');
     }
   });

Answer 1

使用.val()获取select元素的选择值。 在下面看看，它工作得很好

 $('.target').change(function() { if ($(this).val() == 'Returns' || $(this).val() == 'In Process') { $(".answer").show('slow'); } else{ $(".answer").hide('slow'); } }); 

 .answer{ height:50px; border:1px solid #333; display:none; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select class="target"> <option value="">select</option> <option value="Returns">Returns</option> <option value="In Process">In Process</option> </select> <br> <div class="answer"></div> 

Answer 2

您可以创建一个所有正确值的数组，如果数组中存在选定的值，则显示答案，否则隐藏。

您还可以使用.toggle(expression)来控制可见性。

样品：

 $('.target').change(function() { var valid = ["Returns", "In Process"]; var value = $('option:selected', this).val().trim(); $(".answer").toggle(valid.indexOf(value) > -1) }); 

 .answer { height: 50px; border: 1px solid #333; display: none; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select class="target"> <option value="">select</option> <option value="Returns">Returns</option> <option value="In Process">In Process</option> </select> <br> <div class="answer">Answer</div>