如何根据 mvc4 中的下拉选择显示 div答案

【问题标题】：How to show div based on dropdown selection in mvc4如何根据 mvc4 中的下拉选择显示 div
【发布时间】：2016-01-30 05:37:43
【问题描述】：

我的 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 Dropdown 有 7 个直接从数据库中获取的值。最初我隐藏了 OrderReceived 单选按钮。如果我在POVisit DropDown 中选择“Order”值，它需要显示 "OrderReceivedYesNo" div。但是上面显示代码的代码不起作用。

【问题讨论】：

一次提问！
您没有带有id="POVisit" 的元素，因此$("#POVisit") 未定义。但是，您确实有id="POVisitID" 的下拉列表，因此将脚本更改为$("#POVisitID").change(function () {...
@Html.LabelFor(model => model.POVisit, new { @class= "control-label",id="POVisit" }) @Html.DropDownList("POVisitID", "Select")

现在我把我的代码改成这个.还是不行
按照我的评论去做。您只需将id="POVisit" 添加到没有更改事件的<div>！并从LabelFor() 中删除new { id="POVisit" }。
好的，让我检查一下

标签： javascript jquery html twitter-bootstrap asp.net-mvc-4

【解决方案1】：

我的问题的解决方案。

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

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

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

【讨论】：