Доступ Выберите значения тегов элементов с помощью jQuery - PullRequest
Новая
       38

Доступ Выберите значения тегов элементов с помощью jQuery

0 голосов
/ 30 марта 2019

Я создал Enum с тремя значениями. В файле создания представления Enum представлен как тег выбора.

Я хочу скрыть и показать (переключить) определенное поле в соответствии со значением выбранного элемента в теге Select.

Когда я запускаю код и изменяю выбранный элемент, функция (SlideDown) запускается автоматически. Но я хочу, чтобы эта функция выполнялась только тогда, когда значение выбранного элемента равно 2. (Не при изменении)

Вот часть выбора тега в файле представления представления: 

    <div class="form-group">
        <label asp-for="Certificate" class="control-label"></label>
        <select id="crfct" asp-for="Certificate" asp-items="Html.GetEnumSelectList<Certificate>()" class="form-control"></select>
        <span asp-validation-for="Certificate" class="text-danger"></span>
    </div>
    <div class="form-group" id="crfctcost">
        <label asp-for="CertificateCost" class="control-label"></label>
        <input asp-for="CertificateCost" class="form-control" />
        <span asp-validation-for="CertificateCost" class="text-danger"></span>
    </div>

И код JQuery: 

 <script>
        $(document).ready(function () {
            $("#crfctcost").hide();
            $("#crfct").change(function () {
                var selectedCertificate = $('#crfct').find(":selected").val();
                if (selectedCertificate == "2"); {
                    $("#crfctcost").slideDown();
                }
            });
        });
    </script>

1 Ответ

2 голосов
/ 30 марта 2019

Надеюсь, это поможет.Вы добавили ';'если 

 $(document).ready(function () {
                $("#crfctcost").hide();
                $(document).on('change','#crfct',function (e) {
                    var selectedCertificate = $(this).val();
                    if (selectedCertificate == 2){
                        $("#crfctcost").slideDown();
                    }
                });
            });
...