jquery省市区三级联动

以下是一个简单的jQuery省市区三级联动示例：

HTML代码：

<select id="province">
  <option value="">请选择省份</option>
  <option value="1">北京市</option>
  <option value="2">上海市</option>
  <option value="3">广东省</option>
</select>
<br>
<select id="city">
  <option value="">请选择城市</option>
</select>
<br>
<select id="district">
  <option value="">请选择区县</option>
</select>

jQuery代码：

$(function(){
  // 省份改变事件
  $('#province').change(function(){
    var provinceId = $(this).val();
    if(provinceId){
      $.ajax({
        type:'POST',
        url:'getCity.php',
        data:{provinceId:provinceId},
        dataType:'json',
        success:function(data){
          var cityOptions = '<option value="">请选择城市</option>';
          $.each(data,function(index,city){
            cityOptions += '<option value="'+city.id+'">'+city.name+'</option>';
          });
          $('#city').html(cityOptions);
          $('#district').html('<option value="">请选择区县</option>');
        }
      });
    }else{
      $('#city').html('<option value="">请选择城市</option>');
      $('#district').html('<option value="">请选择区县</option>');
    }
  });

  // 城市改变事件
  $('#city').change(function(){
    var cityId = $(this).val();
    if(cityId){
      $.ajax({
        type:'POST',
        url:'getDistrict.php',
        data:{cityId:cityId},
        dataType:'json',
        success:function(data){
          var districtOptions = '<option value="">请选择区县</option>';
          $.each(data,function(index,district){
            districtOptions += '<option value="'+district.id+'">'+district.name+'</option>';
          });
          $('#district').html(districtOptions);
        }
      });
    }else{
      $('#district').html('<option value="">请选择区县</option>');
    }
  });
});

这个示例假设有两个后端脚本：getCity.php和getDistrict.php，用于返回城市和区县数据。这两个脚本的具体实现可以根据具体需求来编写。同时需要注意，这个示例中的jQuery代码需要在jQuery库加载完成后才能执行，所以最好将它放在$(document).ready()或$(function(){})函数中。