使用引导程序隐藏和显示字段时，MVC 表单值未传递给 JavaScript

Question

我正在尝试将值从 MVC 表单传递给 JavaScript。我正在使用引导程序来隐藏和显示字段。当我删除表单上的引导程序隐藏和显示功能时，我将在消息框中获得值，但是当启用隐藏/显示时，我无法获得如下图所示的值。谁能告诉我哪里出错了

HTML

      @using (Html.BeginForm("SearchPatient","HOME", FormMethod.Post, new { enctype = "multipart/form-data" }))

      {

         @Html.AntiForgeryToken()

                <div class="form-horizontal">

                    <div class="form-group">

                        @Html.Label("Search Criteria", htmlAttributes: new { @class = "control-label  col-md-2" })

                        <div class="col-md-10">

                         @Html.DropDownListFor(model => model.SearchCriteria,

                         new List<SelectListItem> {

                         new SelectListItem { Value = "" , Text = "Select Search Criteria" },

                          new SelectListItem { Value = "1" , Text = "Patient Id" },

                       }, new { @class = "form-control selectchosen" })

                        </div>

                    </div>

                    <div class="form-group" id="PatientId" style="display:none">

                        <div class="form-group">

                            @Html.LabelFor(model => model.PatientId, htmlAttributes: new { @class = "control-label col-md-2" })

                            <div class="col-md-10">

                                @Html.EditorFor(model => model.PatientId, new { htmlAttributes = new { @class = "form-control " } })    

                            </div>

                        </div>

                    </div>

                    <div class="form-group" id="AllShow" style="display:none">

                        <div class="form-group">

                            <div class="col-lg-offset-2">

                                <input type="button" value="Search" class="btn btn-success" id="btnSubmit" onclick="Enablecontrols();" />

                            </div>

                        </div>

                    </div>

                </div>         

}

Answer 1

与其使用引导程序的显示/隐藏方法，不如使用切换。它更可靠。如果这不起作用，您也可以使用&nbsp;$('#PatientId').css('display','block');

Answer 2

通过将 Div 的 ID 更改为 dPatientId Stupid 错误解决了问题