如何在MVC4中基于下拉选择显示div

Question

我的jQuery代码无法正常工作。

我的观点

<div class="col-sm-4">
    <div class="form-group">
        @Html.LabelFor(model => model.POVisit, new { @class = "control-  label",id="POVisit" })
        @Html.DropDownList("POVisitID", "Select")
    </div>
</div>

<div id ="OrderReceivedYesNo">
    <div class="col-sm-4">
        <div class="form-group">
            @Html.LabelFor(model => model.OrderReceived, new { @class = "control-label" })
            @Html.RadioButton("OrderReceived", 1) Yes
            @Html.RadioButton("OrderReceived", 0) No
        </div>
    </div>
</div>

我的jQuery代码

$(document).ready(function () {
    $("#OrderReceivedYesNo").hide();
});

$(document).ready(function () {
    $("#POVisit").on('change', function () {
        if (this.value == "Order") {
            $("#OrderReceivedYesNo").show();
        }
    });
});

上面的代码不起作用。 POVisit下拉列表具有7个值，可以直接从数据库中获取。 最初，我隐藏了OrderReceived单选按钮。 如果我在POVisit DropDown中选择“ Order”值，则需要显示“ OrderReceivedYesNo” div。 但是上面显示代码的代码无法正常工作。

Answer 1

解决我的问题。

 $(document).ready(function () {
    $("#OrderReceivedYesNo").hide();

    $("#POVisitID").change(function () {

        if ($("#POVisitID option:selected").text() == "Order") {
            $("#OrderReceivedYesNo").show();
        }
        else {
            $("#OrderReceivedYesNo").hide();
        }
    });
});