Jquery 在ajax调用之后,控制';s的可见性不工作
在如下所示的ajax调用之后,我尝试刷新div(div中几乎没有文本框控件),并使country dropdownlist不可见。 divPersonalDetails正在成功刷新。但国家下拉列表仍然可见。请让我知道如何使它隐形Jquery 在ajax调用之后,控制';s的可见性不工作,jquery,asp.net-mvc-4,Jquery,Asp.net Mvc 4,在如下所示的ajax调用之后,我尝试刷新div(div中几乎没有文本框控件),并使country dropdownlist不可见。 divPersonalDetails正在成功刷新。但国家下拉列表仍然可见。请让我知道如何使它隐形 <div class="span3"> @Html.DropDownListFor(model => model.CountryId, Model.CountryList, "--Please Select Country--", new { i
<div class="span3">
@Html.DropDownListFor(model => model.CountryId, Model.CountryList, "--Please Select Country--", new { id = "ddlCountryId" })
@Html.HiddenFor(model => model.CountryId, new { id = "hdnCountryId" })
<div style="margin-top:4px">@Html.ValidationMessageFor(model => model.CountryId)</div>
</div>
$("#btnSearch").click(function (e) {
var idnumber = $("#txtDocumentNo").val();
var url = '@Url.Content("~/")' + "signature/GetDetails";
$.ajax({
url: url,
type: 'Get',
data: $('#frmRegistration').serialize(),
success: function (data) {
var url2 = '@Url.Content("~/")' + "signature/GetDetails";
$('#divPersonalDetails').load(url2 + ' #divPersonalDetails');
$("#ddlCountryId").hide();
}
});
return false;
});
@DropDownListFor(model=>model.CountryId,model.CountryList,“--请选择国家--”,新的{id=“ddlCountryId”})
@Html.HiddenFor(model=>model.CountryId,新的{id=“hdncontryid”})
@Html.ValidationMessageFor(model=>model.CountryId)
$(“#BTN搜索”)。单击(函数(e){
var idnumber=$(“#txtDocumentNo”).val();
var url='@url.Content(“~/”)+“signature/GetDetails”;
$.ajax({
url:url,
键入:“Get”,
数据:$('#frmRegistration')。序列化(),
成功:功能(数据){
var url2='@Url.Content(“~/”)+“signature/GetDetails”;
$('divPersonalDetails')。加载(url2+''divPersonalDetails');
$(“#ddlcontryid”).hide();
}
});
返回false;
});
隐藏元素时,该元素可能未加载,在加载元素时有一个回调
$('#divPersonalDetails').load(url2 + ' #divPersonalDetails', function() {
$("#ddlCountryId").hide();
});
请更改您的JS单击功能,如下图所示,然后重试 注意:我只更改了你JS中的第一行
$(document).on('click', '#btnSearch'(function (e) {
var idnumber = $("#txtDocumentNo").val();
var url = '@Url.Content("~/")' + "signature/GetDetails";
$.ajax({
url: url,
type: 'Get',
data: $('#frmRegistration').serialize(),
success: function (data) {
var url2 = '@Url.Content("~/")' + "signature/GetDetails";
$('#divPersonalDetails').load(url2 + ' #divPersonalDetails');
$("#ddlCountryId").hide();
}
});
return false;
});