在選擇菜單中的JavaScript或操作不工作

Question

我得到的形式下拉。我有兩個區域在我的形式，我想，如果用戶選擇出現一個框「等......」

我寫這可能兩個下拉的工作的功能，通過裏面的字符串比較下拉的價值選擇（其中包含「其他1」和「其它2」）與兩個字符串「其他1」和「其它2」我的函數裏面的選擇。

$('.select-other').change(function() { 
     if($(this).find('option:selected').val() === ('other1' || 'other2')){ 
      ($(this).closest('div').next().show()); 
    } 
}); 

但似乎只測試的第一個值，無視我的比較操作...

是否有可能糾正呢？

我錯過了什麼嗎？

Answer 1

試試這個：

$('.select-other').change(function() { 
    var value = $(this).find('option:selected').val(); 
    if(value === 'other1' || value === 'other2'){ 
     ($(this).closest('div').next().show()); 
} 

Answer 2

不幸的是，你可以不寫條件語句的方式。你必須明確。

而且我會保存所選擇的選項：

var value = $(this).find('option:selected').val(); 

if (value === 'other1' || value === 'other2')) { 

Answer 3

您的條件是錯誤的，你不能做到這一點：

$(this).find('option:selected').val() === ('other1' || 'other2'); 

由於非空字符串將始終返回true，('other1' || 'other2')將始終返回「other1」

您需要單獨檢查這些值：

var value = $(this).find('option:selected').val(); 
value === 'other1' || value === 'other2' 

Answer 4

您需要的價值兩個選項進行比較。你想現在要做的方式是像做$(this).find('option:selected').val() === 'other1'

你可以做2檢查這樣的：

$('.select-other').change(function() { 
    var currentValue = this.value; 
    if(currentValue === 'other1' || currentValue === 'other2'){ 
     ($(this).closest('div').next().show()); 
    } 
}); 

或者使用正則表達式：

$('.select-other').change(function() { 
    var currentValue = this.value; 
    if(currentValue.match(/^(other1|other2)$/)){ 
     ($(this).closest('div').next().show()); 
    } 
});