从下拉菜单中选择选项来隐藏或显示按钮

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(); 
    } 
});