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,刚刚按照你这个完成了级联的操作
Global site tag (gtag.js) - Google Analytics