ajax级联
疯狂的小笨
2013-01-27
怎么用ajax实现一个省市的级联关系!
|
|
leonayx123
2013-01-28
。。。这个我觉得麻烦的不是ajax级联。。难的是省市级的数据。
做法可以省用下拉框等, onchange的时候 调用ajax方法去后台去数据。 如果觉得自己写ajax麻烦,试试jquery的get("你的查询的actionurl", function(data){ alert("data就是请求的返回值呦"); }) |
|
392091
2013-01-28
我前段时间写了个,只能说功能实现了……
<!-- 主菜单 --> <s:select name="first" list="%{province}" listKey="id" listValue="name" onchange="javascript:showCity(this.value)" headerKey="-1" headerValue="请选择省份" theme="simple"> </s:select> <!-- ajax--> function showCity(provinceid){ $.ajax({ type : "POST", url : "/Classifiction/showCityAjax.htm?provinceid="+provinceid, dataType : "json", success : function(obj) { //清空下拉列表 $("#second").empty(); //把action中的字符串赋给新的下拉列表 $("#second").append(obj.secondMenu); } }); } //<!-- action 部分代码--> StringBuffer sBuffer = new StringBuffer(); if(onecai !=null && onecai.size() > 0){ for (SysHelpClassification helpClassification : onecai) { sBuffer.append("<option value='" + helpClassification.getId() + "'>" + helpClassification.getName() + "</option>"); } } //secondMenu是传给副菜单下拉列表的 secondMenu = sBuffer.toString(); <!-- 副菜单 --> <span id="secondMenu"> <select id="second" name="second"> <option value="">请选择市</option> </select> </span> |
|
lihong11
2013-03-20
leonayx123 写道 。。。这个我觉得麻烦的不是ajax级联。。难的是省市级的数据。
做法可以省用下拉框等, onchange的时候 调用ajax方法去后台去数据。 如果觉得自己写ajax麻烦,试试jquery的get("你的查询的actionurl", function(data){ alert("data就是请求的返回值呦"); }) good,刚刚按照你这个完成了级联的操作 |