從下拉菜單中選擇選項來隱藏或顯示按鈕

Question

我想選擇一個選項，並根據該選項顯示一個按鈕。

代碼如下。我覺得這是對的，但我猜不是。請幫助：

$('#flavorBlend, #twoBag, #shipInterval').hide(); 
    $('#cancelChoices').change(function() { 
     if ('select option[value=003]') { 
      $('#flavorBlend').show("fast"); 
      } else { 
       $('#flavorBlend').hide(); 
      } 
    }); 

Answer 1

您只是檢查字符串'select option[value=003]'是否爲true。它總是會的。所以得到下拉的值並將其與字符串進行比較。試試這個，如果你使用

<option>flavor</option> 

在<select>

$('#flavorBlend, #twoBag, #shipInterval').hide(); 
$('#cancelChoices').change(function() { 
    if ($(this).val() == "flavor") { 
     $('#flavorBlend').show("fast"); 
    } else { 
     $('#flavorBlend').hide(); 
    } 
});