javascript - 无法使用 jquery 隐藏/显示 div 标签

Question

我正在尝试根据从下拉列表中选择的值来隐藏或显示我的 div 标签。下拉列表中有 2 个值，选择该值1将隐藏 div，选择另一个将显示 div。但它不起作用，我的 div 标签总是不可见的。请帮助我，在此先感谢。请看示例代码：

@if (Model.Selectedtype == 3)
                                    {
                                        <div id="testDiv" class="form-group col-md-3">
        
                                            @Html.LabelFor(model => model.testvalue, new { @class = "col-form-label col-form-label-sm text-primary" })
                                            @Html.EditorFor(model => model.testvalue, null, new { htmlAttributes = new { @class = "form-control form-control-sm selectpicker show-tick", data_live_search = true, title = "Select an option", data_icon_base = "fa", data_tick_icon = "fa-check" } })
                                            
                                        </div>
                                    }
    
    function incidentChangeHandler(e) {
                var selectedText = $(this).find("option:selected").text().toLowerCase();
                var elem = $(this).parent();
                var selectedValue = e.target.value;
                
                
                if (selectedValue === '3') {
                    alert("entered");
                    $('#testDiv').addClass('d - none');
                } else {
                    alert("else");
                    $('#testDiv').removeClass('d-none');
                }
    }
    
      

标签： javascripthtmljquery