jquery怎样实现ajax联动框(一)

2020-05-23 06:18:05易采站长站整理

third_obj.css(“display”,”none”);
}else if(settings.nodata==”hidden”){
second_obj.css(“visibility”,”hidden”);
third_obj.css(“visibility”,”hidden”);
};
return;
}
// 遍历赋值二级下拉列表
second_obj.html(prepareSelectHtml(jsonResult.data)).attr(“disabled”,false).css({“display”:””,”visibility”:””});
thirdStart();
});
};
// 赋值三级下拉框函数
var thirdStart=function(){
third_obj.empty().attr(“disabled”,true);
$.getJSON(settings.thirdUrl, { firstValue: first_obj.val(),secondValue:second_obj.val(), time: new Date().getTime() }, function(jsonResult){
if(!jsonResult.success){
if(settings.nodata==”none”){
third_obj.css(“display”,”none”);
}else if(settings.nodata==”hidden”){
third_obj.css(“visibility”,”hidden”);
};
return;
}
// 遍历赋值三级下拉列表
third_obj.html(prepareSelectHtml(jsonResult.data)).attr(“disabled”,false).css({“display”:””,”visibility”:””});
thirdStart();
});
};
var init=function(){
// 遍历赋值一级下拉列表
$.getJSON(settings.firstUrl, {time: new Date().getTime() }, function(jsonResult){
if(!jsonResult.success){
return;
}
// 遍历赋值一级下拉列表
first_obj.html(prepareSelectHtml(jsonResult.data));
secondStart();
// 若有传入一级与二级的值,则选中。(setTimeout为兼容IE6而设置)
setTimeout(function(){
if(settings.firstValue && settings.firstValue.length>0){
first_obj.val(settings.firstValue);
secondStart();
setTimeout(function(){
if(settings.secondValue && settings.secondValue.length>0){
second_obj.val(settings.secondValue);
thirdStart();
setTimeout(function(){
if(settings.thirdValue && settings.thirdValue.length>0){
third_obj.val(settings.thirdValue);
};
},1);
};
},1);
};
},1);
});
// 选择一级时发生事件
first_obj.bind(“change”,function(){
secondStart();
});
// 选择二级时发生事件
second_obj.bind(“change”,function(){
thirdStart();
});
};
// 初始化第一个下拉框
init();
};
})(jQuery);

${rc.contextPath}/repair/loadCategory 对应的后台方法及返回json值:

@RequestMapping(“loadCategory”)
@ResponseBody
public Map<String, Object> loadCategory(ModelMap model){
String msg = “”;
boolean isSuccess = false;
List<Map<String, String>> maps=new ArrayList<Map<String,String>>();
try {
List<Category> categories= categoryService.findAllCategory();
for (Category category : categories) {
Map<String,String> map=new HashMap<String, String>();