使用jquery根据下拉选择验证textarea

我正在使用JQuery验证插件（）验证html表单。我希望只有当下拉菜单选择值为0时，textarea字段才是必需的。任何帮助都会很好。提前谢谢

下面是表单的外观：

<form name="reviewProduct" id="reviewProduct" method="POST">
    <select id="reaction" name="reaction">
    <option value="1">Yes. I like it.</option>
    <option value="0">No. I don't like it.</option>
    </select>
    <textarea id="explainwhy" name="explainwhy" rows="4"></textarea>
</form>

<script>    
$(document).ready(function () {
$('#reviewProduct').validate({
    rules: {
        explainwhy: {
            required: {
                depends: function () {
                    return $('#reaction').val() == "0";
                }
            }
        }
    }
});
});
</script>

对我喜欢。
不，我不喜欢。
$（文档）.ready（函数（）{
$（'#reviewProduct'）。验证({
规则：{
解释原因：{
所需：{
依赖：函数（）{
返回$（'#reaction'）.val（）=“0”；
}
}
}
}
});
});

使用

depends

方法使

所需的
规则取决于一组条件

$(document).ready(function () {

    $('#reviewProduct').validate({
        rules: {
            explainwhy: {
                required: {
                    depends: function () {
                        return $('#reaction').val() == "0";
                    }
                }
            },
            reaction: {
                required: true
            }
        }
    });

});

演示：
使用
dependens
方法使
所需的
规则“dependent”取决于一组条件

$(document).ready(function () {

    $('#reviewProduct').validate({
        rules: {
            explainwhy: {
                required: {
                    depends: function () {
                        return $('#reaction').val() == "0";
                    }
                }
            },
            reaction: {
                required: true
            }
        }
    });

});

演示：
在寻求帮助之前，你真的应该自己尝试解决这个问题。嘿，斯巴基。每一次尝试都进行了。请参阅：“询问代码的问题必须表明对正在解决的问题的最低理解。包括尝试的解决方案、为什么不起作用以及预期的结果。另请参阅：“你是正确的Sparky。任何未来的帖子都会包括我失败的尝试。谢谢你让我这么轻松。为了避免潜在的反对票，我建议你编辑你的评论。谢谢。你真的应该在寻求帮助之前自己尝试解决这个问题。嘿，斯帕奇。每一次尝试都进行了。请参阅：“询问代码的问题必须表明对正在解决的问题的最低理解。包括尝试的解决方案、为什么不起作用以及预期的结果。另请参阅：“你是正确的Sparky。任何未来的帖子都会包括我失败的尝试。谢谢你让我这么轻松。为了避免潜在的反对票，我建议你编辑你的作品。谢谢。