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>');
           }
    });
});