javascript - 下拉菜单 : IF ANY dropdown=value, 显示 div

Question

基本上只要选择'bfcn'就会显示BFCN 不管下一个值是否不等于BFCN，只要一个等于该值，就继续显示

现在的问题是无论何时选择其中一个，它都会隐藏 div。

如果 'dropdown1 = bfcn' = 显示 DIV 或者 if 'dropdown2 = bfcn' = SHOW DIV

如果任何下拉菜单等于 BFCN，它需要保持 DIV 显示

http://jsfiddle.net/SmokeyLlama/f375e6wv/1/

HTML

<select title="Select 1" id="select1">
    <option value="">Select an option</option>
    <option value="1">1</option>
    <option value="4">bfcn</option>
 </select>
 <select title="Select 2" id="select2">
    <option value="">Select an option</option>
    <option value="3">3</option>
    <option value="4">bfcn</option>
 </select>
 <p class="wireless" style="display: none;">BFCN</p>

脚本

 $(document).ready(function(){
    $('select').change(function(){
      if (($(this).val() == '4')){
        $('.wireless').show();
      } else {
        $('.wireless').hide();
      }
   });
 });

Answer 1

为此，我将保留一个变量，如果任何 select 具有 val() == 4，我将更新该变量:

 $(document).ready(function(){
    $('select').change(function(){
    	var show = false;
    	$('select').each(function () {
            if ($(this).val() == 4){
        	show = true;
      	    }
        });
      
        if (show){
            $('.wireless').show();
        } else {
            $('.wireless').hide();
        }
   });
 });
 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select title="Select 1" id="select1">
    <option value="">Select an option</option>
    <option value="1">1</option>
    <option value="4">bfcn</option>
 </select>
 <select title="Select 2" id="select2">
    <option value="">Select an option</option>
    <option value="3">3</option>
    <option value="4">bfcn</option>
 </select>
 <p class="wireless" style="display: none;">BFCN</p>