级联菜单

思路：先获取第一个下拉列表框的值，通过ajax发送请求到controller，成功后将值绑定到下拉列表框中。当第一个下拉列表框的值改变时，就通过ajax（将第一个选中的值作为参数）去获取第二个下拉列表框的值

部分代码：

例子：通过维修类别选择维修内容

<span style="font-family:Microsoft YaHei;">//维修类别
function getrePairid() {
	$.ajax({	</span><pre name="code" class="java"><span style="font-family:Microsoft YaHei;"><span style="white-space:pre">		</span>type:"post",<span style="white-space:pre">	</span>//发送请求类型</span>

url:"wap/ajaxRepair", //发送请求地址dataType:"json", //返回格式data:{id:"0"}, //传递的参数success:function(data){ //成功后执行的函数var htmls = "<option value=''>请选择</option>";for(var i = 0;i<data.length;i++){;htmls+="<option value="+data[i].id+">"+data[i].rtname+"</option>" //循环添加到htmls变量中}$("#repairid").html(htmls); //绑定到下拉列表框中，html()函数会解析html代码}});}

维修类别改变时获取维修内容，并绑定到下拉列表框

<span style="font-family:Microsoft YaHei;">//维修类别改变时执行
$("#repairid").change(function() {
	getRepair($(this).val());
});</span>

<span style="font-family:Microsoft YaHei;">//维修内容
function getRepair(repairid) {

	$.ajax({
		type : "post",
		url : "wap/ajaxRepair",
		dataType : "json",
		data : {
			id : repairid
		},
		success : function(data) {				
			var htmls="<option value=''>请选择</option>";
			for ( var i = 0; i < data.length; i++) {
				htmls=htmls+"<option value="+data[i].id+">" + data[i].rtname+ "</option>";
			}				
			$("#repaircontent").html(htmls);
		}
	});

}</span>