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