jquery - 如何将多个值添加到 jquery 代码

Question

我创建了仅在从下拉列表中选择类别后才显示 div 的代码， 我在 css 中制作了 div display:none 并使用这段代码及其工作在 jquery 中显示了它，

$(' select[name=catId]').change(function(e){
      if ($(' select[name=catId]').val() == '32'){
        $('#photo-upload').hide();
      }else{
        $('#photo-upload').show();
      }
    });

但这种方式适用于选项值 32 ，但我希望它适用于许多值， 我试过这样但它不起作用

 $(' select[name=catId]').change(function(e){
          if ($(' select[name=catId]').val() == '32' '45' 67' 89' 122'){
            $('#photo-upload').hide();
          }else{
            $('#photo-upload').show();
          }
        });

请指导我如何让它隐藏其他值而不仅仅是 32 ，现在它只为一个值工作。

更新: 这是我的html结构

<select name="catId" id="catId">
    <option value="1">England</option>
    <option value="2">Russia</option>
    <option value="3">Antartika</option>
    <option value="4">Maldives</option>
    <option value="32">Alaska</option>
    <option value="45">Seychelles</option>
    <option value="67">Georgia</option>
    <option value="89">Honduras</option>
    <option value="7">Lebanon</option>
    <option value="8">Switzerland</option>
    <option value="122">Germany</option>
</select>
<div id="photo-upload">photo uploader here</div>

这是 fiddle 演示:http://jsfiddle.net/Bk54E/

Answer 1

像这样使用 OR 运算符

$("select[name='catId']").change(function(e){

    var res = $(this).find("option:selected").val() ;

    if (res == '32' || res == '45' || res == '67' || res == '89' || res == '122'){

         $('#photo-upload').hide();

      }else{

          $('#photo-upload').show();

      }
 });

Fiddle