jquery省市级联简单例子

ajax方式：

$("#sf").change(function(){
$("#shi").empty();//清空城市表
$("#shi").append("<option value='0'>请选择</option>");//添加一个初始化选择项
$.ajax({
type:"post",
url:'/city.action',
data:"pid="+$("#sf").attr("value"),
dataType:"json",
success:function(result){
$.each(result,function(i,item){
$("#shi").append("<option value='"+item.sid+"'>"+item.name+"</option>");
});
}
,error:function(){
alert("ajax返回市区错误了");
}
});
});

getJSON方式：

$("#sf").change(function(){
var url="/city.action";
var provinceId=$("#sf").attr("value");
$.getJSON(url,{pid:provinceId},function(data){
$("#shi").empty();
$("#shi").append("<option value='0'>请选择</option>");
for(var i=0;i<data.length;i++){
$("#shi").append('<option value="'+data[i].sid+'">'+data[i].name+'</option>');
}
});
});