从下拉列表中选择选项以隐藏或显示按钮

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]'是否为真。它永远都是。因此，获取下拉列表的值并将其与字符串进行比较。如果您使用

，请尝试此操作

<option>flavor</option>

在<select>

中

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