jquery实现级联下拉列表
<scripttype="text/javascript">
/**
*级联下拉列表
*/
$(function(){
varbase=getRootPath();
varurl=base+"/util/classtype!rootClassTypeList.action";
$.post(url,function(data){
varselectObj=$('#s1').get(0);
initOptions(selectObj,data);
},'JSON');
$('#s1').change(function(){
$('#s2').empty();
varbase=getRootPath();
varurl=base+"/util/classtype!subClassList.action";
$.post(url,{'id':$('#s1').val()},function(data){
varselectObj=$('#s2').get(0);
initOptions(selectObj,data);
});
},'JSON');
});
</script>
/**
*初始化options
*@paramselectObjectselect对象
*@paramlist数组格式为{"value":key,"label":label}
*/
varinitOptions=function(selectObject,list){
if(selectObject!==null&&selectObject!==undefined){
varoptions=selectObject.options;
options.length=0;
//添加一个空选项
varnullOption=newOption("","",false,false);
options.add(nullOption);
if(list!==null&&list!==undefined&&list!=="[]"){
varjson=eval(list);
for(variinjson){
varitem=json[i];
if(item!==null&&item!==undefined){
varvalue=item.key;
varlabel=item.label;
//label与value必须同时存在才是一个完整的数据
if(value!==null&&value!==undefined&&label!==null&&label!==undefined){
varoption=newOption(label,value,false,false);
options.add(option);
}
}
}
}
}
};