用Ajax遍历三级下拉框

 

用Ajax遍历三级下拉框

 

//通过一级分类的id查二级分类（记得在前端网页按钮绑定点击事件）

function getSecondCategory(oneCategoryId){
	alert("a")
	$.post("${pageContext.request.contextPath}/category/findSecondCategory",{"oneCategoryId":oneCategoryId},function(data){
		
		$("[name='categoryLevel2Id']").html("<option value='0'>-请选择-</option>");
		$(data).each(function(i,e){
			var content = "<option value="+e.id+" onclick='getThirdCategory("+e.id+")'>"+e.name+"</option>";
			$("[name='categoryLevel2Id']").append(content);
		});
	},"json");
}

---

//通过二级分类的id查三级分类
function getThirdCategory(secondCategoryId){
alert(“a”)
$.post("${pageContext.request.contextPath}/category/findThirdCategory",{“secondCategoryId”:secondCategoryId},function(data){

		$("[name='categoryLevel3Id']").html("<option value='0'>-请选择-</option>");
		$(data).each(function(i,e){
			var content = "<option value="+e.id+">"+e.name+"</option>";
			$("[name='categoryLevel3Id']").append(content);
		});
	},"json");
}
</script>

---

效果图在这里插入图片描述

转载于:https://www.cnblogs.com/binghuaZhang/p/10719519.html