html用jquery写出下拉框列表，省市连动的效果

可以使用以下代码实现：

HTML代码：

<select id="province">
  <option value="">请选择省份</option>
  <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 selectedProvince = $(this).val();
    // 判断是否选择了省份
    if (selectedProvince) {
      // 根据选中的省份动态生成城市选项
      $.ajax({
        url: "getCity.php", // 获取城市数据的地址
        type: "GET",
        data: {"province": selectedProvince},
        dataType: "json", // 返回数据的类型
        success: function(data) {
          // 清空城市选项
          $("#city").empty();
          // 添加城市选项
          $.each(data, function(index, city) {
            $("#city").append("<option value='" + city + "'>" + city + "</option>");
          });
        }
      });
    } else {
      // 如果没有选择省份，则清空城市选项
      $("#city").empty();
      $("#city").append("<option value=''>请选择城市</option>");
    }
  });
});

注意：这里的 `getCity.php` 是根据选中的省份获取城市数据的地址，需要根据实际情况进行修改。另外，城市数据可以存储在本地文件中，也可以存储在数据库中。