[英]How to use multiple conditional in jquery? Use both IF OR in jquery
我在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');
}
});
使用.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>
您可以創建一個所有正確值的數組,如果數組中存在選定的值,則顯示答案,否則隱藏。
您還可以使用.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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.