本来是通过ajax请求返回下拉框数据,然后通过代码拼接的方法来达到异步加载的功能,
$.ajax({
url : "cert/search/getCertPolicyByAppId.htm",
type : "POST",
data : param,
datatype : "json",
success : function(e) {
var data = JSON.parse(e);
var option = "<option value=''>-----请选择证书策略-----</option>";
for (var i = 0; i < data.length; i++) {
if(data[i].policyId==$("#selectCertPolicy").val()){
option += "<option value="+data[i].policyId+" selected>" + data[i].name + "</option>";
}else{
option += "<option value="+data[i].policyId+">" + data[i].name + "</option>";
}
}
$("#certPolicySelect").html(option);
},
error :function(e){
alert(e);
}
});
但是因为一些历史原因和开发流程的问题,公司开发规范禁止使用这种方法。所以采用
$.ajax({
url : "cert/search/getCertPolicyByAppId.htm",
type : "POST",
data : param,
datatype : "json",
success : function(e) {
var data = JSON.parse(e);
var option = null;
for (var i = 0; i < data.length; i++) {
if(data[i].policyId==$("#selectCertPolicy").val()){
option = new Option(data[i].name, data[i].policyId, true ,true);
}else{
option = new Option(data[i].name, data[i].policyId, false);
}
document.getElementById("certPolicySelect").options.add(option);
}
},
error :function(e){
alert(e);
}
});
Option有四个参数
默认参数列表
HTMLOptionElement.prototype.text="";
HTMLOptionElement.prototype.value="";
HTMLOptionElement.prototype.defaultSelected=false;
HTMLOptionElement.prototype.selected=false;