java 省市二级联动

实现省市二级联动的方法有很多种，以下是一种基于 jQuery 的实现方式：

首先，在 HTML 中定义两个 select 标签，一个用于显示省份，一个用于显示城市：

<select id="province">
    <option value="">请选择省份</option>
    <option value="北京市">北京市</option>
    <option value="上海市">上海市</option>
    <option value="广东省">广东省</option>
    <!-- 其他省份选项 -->
</select>

<select id="city">
    <option value="">请选择城市</option>
</select>

然后，在 JavaScript 中监听省份 select 标签的 change 事件，根据选中的省份动态加载对应的城市选项：

$(function() {
    // 省份选择器
    var $province = $('#province');
    // 城市选择器
    var $city = $('#city');
    // 城市数据，格式为 { 省份1: [城市1, 城市2, ...], 省份2: [城市1, 城市2, ...], ... }
    var cityData = {
        '北京市': ['北京市'],
        '上海市': ['上海市'],
        '广东省': ['广州市', '深圳市', '珠海市', '汕头市', '韶关市', '佛山市', '江门市', '湛江市', '茂名市', '肇庆市', '惠州市', '梅州市', '汕尾市', '河源市', '阳江市', '清远市', '东莞市', '中山市', '潮州市', '揭阳市', '云浮市']
        // 其他省份的城市数据
    };
    // 省份选项变化时，加载对应的城市选项
    $province.change(function() {
        var province = $(this).val();
        var cities = cityData[province];
        // 先清空城市选项
        $city.empty();
        // 添加城市选项
        if (cities) {
            for (var i = 0; i < cities.length; i++) {
                $city.append('<option value="' + cities[i] + '">' + cities[i] + '</option>');
            }
        } else {
            $city.append('<option value="">请选择城市</option>');
        }
    });
});

以上就是基于 jQuery 实现省市二级联动的方法。需要注意的是，城市数据可以通过 AJAX 请求动态加载，这样可以减小页面加载时间并保证数据的及时性。