fastadmin 动态下拉表单联动js 代码

以下是使用 jQuery 和 Chained Selects 插件实现 FastAdmin 动态下拉表单联动的示例代码：

$(function() {
    // 省份下拉框改变事件
    $('select[name="province_id"]').change(function() {
        var provinceId = $(this).val();
        // 清空城市下拉框
        $('select[name="city_id"]').empty();
        // 动态加载城市数据
        $.getJSON('/admin/api/city', {province_id: provinceId}, function(data) {
            $.each(data, function(i, item) {
                $('select[name="city_id"]').append('<option value="' + item.id + '">' + item.name + '</option>');
            });
            // 触发城市下拉框的 change 事件
            $('select[name="city_id"]').trigger('change');
        });
    });

    // 城市下拉框改变事件
    $('select[name="city_id"]').change(function() {
        // TODO: 根据城市 ID 加载其他数据
    });

    // 初始化省份下拉框
    $('select[name="province_id"]').trigger('change');
});

其中，`$('select[name="province_id"]')` 和 `$('select[name="city_id"]')` 分别表示省份下拉框和城市下拉框。`$.getJSON()` 方法用于异步获取城市数据，`$('select[name="city_id"]').append()` 方法用于将获取到的城市数据添加到城市下拉框中，`$('select[name="city_id"]').trigger('change')` 方法用于触发城市下拉框的 `change` 事件，以便根据城市 ID 加载其他数据。最后，通过 `$('select[name="province_id"]').trigger('change')` 方法，完成初始化操作。