如果選擇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

回答

相關問題