1.解压:json-lib-2.4-jdk15.jar所需全部JAR包。
2.给项目工程里面添加所有jar包。
3.拷贝类Util.java 到项目中,它的作用是把list 转换成json
4.自己把后台的数据展示写好,1,2,3,4……级等等
5.后台代码返回json。如:Util.list2JsonArry(你的list,this.getResponse());//返回json类型数据 ,
Response可以去掉如果加上必须创建Response对象
6.页面操作 页面导入jquery-1.11.1.min.js ,如果没有自己去百度下载
7.=====
<script language="javaScript">
//点击第一个下拉框 把点击的值传入后台,执行查询,返回json
$(function($){
$("#pinpai").bind({
change:function(){
$.post('<%=request.getContextPath()%>/carType_allChexiChexing.action',//访问请求的方法
{pinpai:$(this).val(),//给后台传人值
name:$(this).find("option:selected").text()},
function(data){
$("#下拉框的id").find("option").not(":first").remove();
$.each(data,function(index,obj){//obj[0] 是值,如果是字段就是obj.id 或者是obj.name 我的是数组
$("#下拉框的id").append("<option value="+obj[0]+">"+obj[0]+"</option>");
});
},
"json"
);
}
});
//点击第二个下拉框 把点击的值传入后台,执行查询,返回json
$("#chexi").bind({
change:function(){
$.post('<%=request.getContextPath()%>/carType_allChexiChexing.action',
{pinpai:$("#pinpai").val(),
chexi:$(this).val(),
name:$(this).find("option:selected").text()},
function(data){
$("#下拉框的id").find("option").not(":first").remove();
$.each(data,function(index,obj){
$("#下拉框的id").append("<option value="+obj[0]+">"+obj[0]+"</option>");
});
},
"json"
);
}
});
});
</script>
8.
<form action="" name="search">
品牌<select class="radius_box grid-head-sel-text" name="pinpai" id="pinpai">
<option value="">--请选择品牌--</option>
<s:iterator value="listAllCarPinpai" var="val">
<option value="${val[0]}">${val[0]}</option>
</s:iterator>
</select>
是否在售
<select class="radius_box grid-head-sel-text">
<option value="yes">是</option>
</select></br>
车系
<select class="radius_box grid-head-sel-text" name="chexi" id="chexi">
<option>--请选择--</option>
</select>
是否支持保养
<select class="radius_box grid-head-sel-text">
<option value="yes">是</option>
</select></br>
车型
<select class="radius_box grid-head-sel-text" name="chexing" id="chexing">
<option value="car">--请选择--</option>
</select>
<a href="<%=request.getContextPath()%>/carType_searchCarType4s.action?pages.pageNo=0&pages.pageSize=4">
<input type="button" class="radius_box search_buttun" />
</a>
</form>