Java web 级联下拉菜单的做法分享

最近在折腾一个很无聊的所谓的商城项目。里面有一个添加商品信息和更新商品信息都需要用到级联下拉菜单。如果只是单纯的普通html就方便多了。于是想了两个方法。

方法一 Ajax+jquery

//#“dalei”=大类型的下拉框。相对应xiaolei=小类型的下拉框
当你点击了大类型中的除了本身被选中之外的其他选项。小类型的下拉框就会进行清空和更新。

$(function(){
		$("#dalei").change(function(){
			var s = new Array();
			$("#xiaolei").empty();
			var id=$("#dalei").val();
			$.ajax({
				"url":"danyi?action=fina&id="+id,
				"async":true,
				"success":function(data){
					var s=data.split(",");
					for(var i=0;i<s.length;i++){
						var i1= new Array();
						i1=s[i].split("@");
						if(i1[1]!=undefined&&i1[0]!=""){
							var s1="<option value="+i1[1]+">"+i1[0]+"</option>";
								$("#xiaolei").append(s1);
						}
					
					}
				}
			})
		})
	})