使用AJAX填充<select>标签下拉项,没有显示指定的option项

前端之家收集整理的这篇文章主要介绍了使用AJAX填充<select>标签下拉项,没有显示指定的option项前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

newCarInfo.js代码如下:

$(function() {
// 获取燃油种类
url = "basicFuelType_queryAll.action";
$.post(url,params,function(data) {
$.each(data.rows,function(index,item) {
$("#fuelType").append("<option value='" + item.fuelTypeName + "'>" + item.fuelTypeName + "</option>");
});
},"json");

// 如果是修改车辆档案,那么赋值
var _addOrEdit = $("#_addOrEdit").val();
if ("add" == _addOrEdit) {
$("#_submit_fk").css("visibility","visible");
$("#_submit_edit").css("visibility","hidden");
} else {
$("#_submit_fk").css("visibility","hidden");
$("#_submit_edit").css("visibility","visible");
var row = $("#dataList").datagrid("getSelected");
if (row) {
$("#thisid").val(row.id);
$("#_licenseNo").val(row.licenseNo);
$("#_licenseType option[value='" + row.licenseType + "']").attr("selected","selected");
$("#_licenseColor option[value='" + row.licenseColor + "']").attr("selected","selected");
$("#engineNo").val(row.engineNo);
$("#fuelType option[value='" + row.fuelType + "']").attr("selected","selected");
}
}
})

结果发现燃油类型没有按照要求显示指定的项,而是总是显示第一项,于是在$("#fuelType option[value='" + row.fuelType + "']").attr("selected","selected");之前加一个alert,Win10的IE11和谷歌浏览器点击之后能够正常显示指定的项了;而XP的IE8浏览器仍然不行。

在url = "basicFuelType_queryAll.action";$.post(url,function(data)函数体中初始化完毕下拉项之后,再指定选择项就没有问题了。

本文用 菊子曰发布
原文链接:https://www.f2er.com/ajax/162065.html

猜你在找的Ajax相关文章