jQuery EasyUI Combobox 二级区域联动

最新推荐文章于 2020-09-16 10:56:17 发布

转载最新推荐文章于 2020-09-16 10:56:17 发布 · 1.5k 阅读

JAVASCRIPT 同时被 2 个专栏收录

2 篇文章

订阅专栏

jquery

2 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的省份和城市下拉选择联动功能。当用户选择省份时，会自动更新并显示该省份下的所有城市选项。此功能通过设置combobox组件的属性并监听省份选择事件来实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

01
$(function(){

02
        var provinceId
 = $('#provinceId').combobox({

03
            url:'${pageContext.request.contextPath}/region/province/json.htm',

04
            editable:false,

05
            valueField:'id',

06
            textField:'name',

07
            onSelect:function(record){

08
                //刷新数据，重新读取省份下的城市，并清空当前输入的值

09
                cityId.combobox({

10
                    disabled:false,

11
                    url:'${pageContext.request.contextPath}/region/city/'+record.id+'/json.htm',

12
                    valueField:'id',

13
                    textField:'name'

14
                }).combobox('clear');

15
            }

16
        });

17
        var cityId
 = $('#cityId').combobox({

18
            disabled:true,

19
            url:'${pageContext.request.contextPath}/region/city/'+provinceId.val()+'/json.htm',

20
            valueField:'id',

21
            textField:'name'

22
        });

23
});