如果选择val == 1或2 then

-4

我试图让它如此，当我的＃display-select是== display1，display2或display4（但不是3），那么它显示一个div。但我无法弄清楚如何做出这些或声明。如果选择val == 1或2 then

$(function() { 

      $('#display-select').change(function(){ 
       if($('#display-select').val() == 'display1') { 
        $('#greenhouse-gas').show(); 
       } else { 
        $('#greenhouse-gas').hide(); 
       } 
      }); 
     });

改变这一点，仍然没有工作：

$(function() { 

      $('#display-select').change(function(){ 
       if($('#display-select').val() === 'display1' || 'display2') { 
        $('#greenhouse-gas').show(); 
       } else { 
        $('#greenhouse-gas').hide(); 
       } 
      }); 
     });

来源

2017-08-11 J. Doe43

最简单：'||'是OR，你可以在'if'中将表达式检查链接在一起。 – Igor

当我尝试||它显示了所有vals的div。 –

我会告诉你你做了什么/做错了什么，但是你没有分享那些代码，所以它会猜测。 – Igor

如果"display3"是唯一的选择，你不想展示div那么调整你的条件语句

$(function() { 

      $('#display-select').change(function(){ 
       if($('#display-select').val() === 'display3') { 
        $('#greenhouse-gas').hide(); 
       } else { 
        $('#greenhouse-gas').show(); 
       } 
      }); 
     });

让我知道这是否有帮助。

我已经创建了一个jsfiddle让你观察它是如何工作的。

来源

2017-08-11 15:18:02

哇，没想到，谢谢！ –

@ J.Doe43不客气！如果这个答案最适合您的需求，那么请将其标记为已接受 –

会这样做，需要等待2分钟！ –

if($('#display-select').val() != 'display3')

来源

2017-08-11 15:19:03 isaace

您可以检查是否值是display3然后隐藏greenhouse-gas股利。

请参阅下面的实施。

$(function() { 
 
    $('#display-select').change(function() { 
 
    if ($('#display-select').val() === 'display3') { 
 
     $('#greenhouse-gas').hide(); 
 
    } else { 
 
     $('#greenhouse-gas').show(); 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<select id="display-select"> 
 
    <option value="display1">Display 1</option> 
 
    <option value="display2">Display 2</option> 
 
    <option value="display3">Display 3</option> 
 
    <option value="display4">Display 4</option> 
 
</select> 
 

 
<div id="greenhouse-gas">Greenhouse gas</div>

来源

2017-08-11 15:21:54

让它简单，如果你只是想检查显示（但不是3）代替＃显示选择是== display1，显示2或display4它会更容易些。所以在这里检查只有负面检查在你的情况下见下文。

$(function() { 
      $('#display-select').change(function(){ 
       if($('#display-select').val() !== 'display') { 
        $('#greenhouse-gas').hide(); 
       } else { 
        $('#greenhouse-gas').show(); 
       } 
      }); 
     });

如果在您的情况下这是不可能的，那么使用case语句。

$(function() { 
      $('#display-select').change(function(){ 
      var selectedValue = this.val(); 
       switch (selectedValue) { 
        case 'display1': 
        case 'display2': 
        case 'display4': 
        $('#greenhouse-gas').show(); 
        break; 
        case 'display3': 
        $('#greenhouse-gas').hide(); 
        break; 
        } 
       }); 
     }

希望这对你有帮助。

来源

2017-08-11 15:30:23

如果选择val == 1或2 then

回答

相关问题