ajax同步，页面显示与html代码不一致

1.ajax同步请求数据，然后把数据append到一个select控件，结果是，html已经改变，可是页面显示的却还是原来的下拉数据，但是奇怪的时选择出来的结果却是新的选项数据。代码如下：

$.ajax({
async: true,
type: "post",
dataType: "html",
url: "/Handler.ashx",
data: {
"ID": ID,

},
success: function (SpecialProductStr) {

if (SpecialProductStr == undefined || SpecialProductStr == null) {
return;
}

var SpecialProductInfo = jQuery.parseJSON(SpecialProductStr);

CalculateRowObject.find("select[name='SpecialProduct']").find("option").remove();
CalculateRowObject.find("select[name='SpecialProduct']").removeClass("selectbox");
CalculateRowObject.find("select[name='SpecialProduct']").addClass("selectbox");
var defaultoption = "<option value='-1' >--请选择--</option>";
CalculateRowObject.find("select[name='SpecialProduct']").append(defaultoption);

if (SpecialProductInfo == undefined || SpecialProductInfo == null) {
return;
}

for (var i = 0; i < SpecialProductInfo.length; i++) {
var Productoption = "<option value='" + SpecialProductInfo[i].ProductID + "'>aaaa</option>";

CalculateRowObject.find("select[name='SpecialProduct']").append(Productoption);

}

//加上红色的代码，就会正常显示了

CalculateRowObject.find("select[name='SpecialProduct']").css("display","none");
CalculateRowObject.find("select[name='SpecialProduct']").css("display","block");

}
});

非正常解决办法，1.就是上面那两名红色的，也就是把它隐藏再显示一下，就好了，相当奇怪;

2.就是把同步改为异步，也是没有问题的

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!