您的位置：首页 > 编程语言

不拼接代码动态加载下拉框

2018-03-05 10:53 190 查看

本来是通过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;

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： js select option 下拉框级联

相关文章推荐

新的分享

章节导航