jquery简单实现二级联动

以下是一个简单的jQuery实现二级联动的例子：

HTML代码：

<select id="province">
  <option value="">请选择省份</option>
  <option value="北京">北京</option>
  <option value="上海">上海</option>
  <option value="广东">广东</option>
</select>
<select id="city">
  <option value="">请选择城市</option>
</select>

jQuery代码：

$(function(){
  // 省份下拉框改变事件
  $('#province').change(function(){
    var province = $(this).val();
    // 根据省份获取城市列表
    $.ajax({
      url: 'getCity.php',
      type: 'post',
      data: {province: province},
      dataType: 'json',
      success: function(data){
        // 清空城市下拉框
        $('#city').empty();
        // 添加城市选项
        $.each(data, function(index, city){
          $('#city').append('<option value="'+city+'">'+city+'</option>');
        });
      }
    });
  });
});

说明：
1. HTML代码中有两个下拉框，一个是省份下拉框，一个是城市下拉框。
2. jQuery代码中，使用change事件监听省份下拉框的改变，获取选中的省份值。
3. 使用ajax向服务器发送请求，根据省份获取城市列表。
4. 在ajax的success回调函数中，清空城市下拉框，并添加城市选项。