Uwakpeter Ответов: 0

Как скрыть и показать div в ASP.NET MVC 5 Использование события изменения dropdownlist

Всем Привет,
Я пытаюсь скрыть и показать div в своем проекте mvc 5 с помощью события изменения dropdownlist, я исследовал его и, к счастью, нашел этот код в интернете, но он, похоже, не работает для меня, я буду признателен, если кто-нибудь укажет, где я делаю ошибки. Заранее спасибо.

<script type="text/javascript"     src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
    $("#CountryID").change(function () {
        if ($(this).val() != "Ghana") {
            $("#showStateLga").show();
        } else {
            $("#showStateLga").hide();
        }
    });
});
</script>



Я пытаюсь скрыть и показать div в своем проекте mvc 5 с помощью события изменения dropdownlist, я исследовал его и, к счастью, нашел этот код в интернете, но он, похоже, не работает для меня, я буду признателен, если кто-нибудь укажет, где я делаю ошибки. Заранее спасибо.

<сценарий тип="текст/яваскрипт" СРЦ="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"&ГТ;&ЛТ;/скрипт>
< script type= "text/javascript">
$(функция () {
$("#CountryID"). change(функция () {
if ($(this). val ()! = " Гана") {
$("#showStateLga"). show();
} еще {
$("#showStateLga"). скрыть();
}
});
});
< / script>
Элемент управления Dropdownlist:

<div class="form-group">
                @Html.LabelFor(model => model.CountryID, htmlAttributes: new { @class = "control-label col-md-2" })
                <div class="col-md-10">
                    @Html.DropDownListFor(model => model.CountryID, (IEnumerable<SelectListItem>)ViewBag.cCountryList, "---Select---", new {@class = "form-control" })
                    @Html.ValidationMessageFor(model => model.CountryID, "", new { @class = "text-danger" })
                </div>
            </div>


Управление Div:

<div id="showStateLga" style="display: none">
                <div class="form-group">
                    @Html.LabelFor(model => model.notState, htmlAttributes: new { @class = "control-label col-md-2" })
                    <div class="col-md-10">
                        @Html.EditorFor(model => model.notState, new { htmlAttributes = new { @class = "form-control" } })
                        @Html.ValidationMessageFor(model => model.notState, "", new { @class = "text-danger" })
                    </div>
                </div>
                <div class="form-group">
                    @Html.LabelFor(model => model.notCity, htmlAttributes: new { @class = "control-label col-md-2" })
                    <div class="col-md-10">
                        @Html.EditorFor(model => model.notCity, new { htmlAttributes = new { @class = "form-control" } })
                        @Html.ValidationMessageFor(model => model.notCity, "", new { @class = "text-danger" })
                    </div>
                </div>
            </div>


Что я уже пробовал:

<сценарий тип="текст/яваскрипт" СРЦ="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"&ГТ;&ЛТ;/скрипт>
< script type= "text/javascript">
$(функция () {
$("#CountryID"). change(функция () {
if ($(this). val () ! = " Нигерия") {
$("#showStateLga"). show();
} еще {
$("#showStateLga"). скрыть();
}
});
});
< / script>

0 Ответов