HTML代码:
<select id="selectId"></select>
js代码:
从数据库获取数据版本
//通过CodeType和SysName去数据库获取数据绑定到下拉框中,并且可以设置默认值
function BindListCode(selectId,codeType,sysName,defaultVal){
$.ajax({
url:"/t_ListCode/getListCodeList",
type:"POST",
async:true,
data:{
codeType:codeType,
sysName:sysName
},success:function(data){
if(!isNullOrEmpty(data)&&data.length>0){
$("#"+selectId).empty();
var optionItem=$("<option></option>").append(" 请选择 ").attr("value","");
optionItem.appendTo($("#"+selectId));
for(var i=0;i<data.length;i++){
var optionItem=$("<option></option>").append(data[i].codeName).attr("value",data[i].code);
optionItem.appendTo($("#"+selectId));
}
//设置默认值
if(!isNullOrEmpty(defaultVal)){
$("#"+selectId).val(defaultVal);
}
}
}
})
}
使用本地数据版本
//将本地绑定到下拉框中,并且可以设置默认值
function BindListCode(selectId,data,defaultVal){
if(!isNullOrEmpty(data)&&data.length>0){
$("#"+selectId).empty();
var optionItem=$("<option></option>").append(" 请选择 ").attr("value","");
optionItem.appendTo($("#"+selectId));
for(var i=0;i<data.length;i++){
var optionItem=$("<option></option>").append(data[i].codeName).attr("value",data[i].code);
optionItem.appendTo($("#"+selectId));
}
//设置默认值
if(!isNullOrEmpty(defaultVal)){
$("#"+selectId).val(defaultVal);
}
}
}
isNullOrEmpty()方法源码: