c# - 使用选择更改淡出或淡入另一个字段

Question

我正在尝试使用一个下拉列表作为 2 个值是/否来更改是否显示某个字段。我仍然希望元素存在只是不可见。

我正在使用 Razor 和 MVC3 来呈现页面。

所以我尝试了下面的代码:

$(function () {
    $("DiscountOn").change(function () {
        if ($("DiscountOn").Value == 0) {
            $("DiscountPercentage").fadeOut('fast');
        }
        else {
            $("DiscountPercentage").fadeIn('fast');
        }
    });
});

DiscountOn 是一个下拉菜单，它的值可以是 0 或 1，文本分别是 no 或 yes。我希望它在 DiscountOn 变为 0 时使 DiscountPercentage 消失，并在 DiscountOn 变为 1 时重新出现。对于附加值，如果您可以在页面加载时使其出现或消失，具体取决于下拉列表中设置的选项会很棒。

Answer 1

$("DiscountOn")

没有正确选择元素。如果您希望选择元素的 ID，那么您需要执行以下操作之一:

document.getElementById("DiscountOn") // Pure JS

或

$("#DiscountOn") // jQuery

您的另一个问题是如何获得值(value)。你要么需要这样做

.value // Pure JS

或

.val() // jQuery

记住 JS 区分大小写!