jQuery select 全国城市三级联动省市区（项目中修改页面用到了）

最新推荐文章于 2021-08-06 10:33:07 发布

QC班长

最新推荐文章于 2021-08-06 10:33:07 发布

阅读量2.2k

点赞数

分类专栏： JavaEE-Web前台 Web前端-Jquery 文章标签： jquery select js

本文链接：https://blog.csdn.net/qq_35624642/article/details/53514618

版权

JavaEE-Web前台同时被 2 个专栏收录

93 篇文章 2 订阅

订阅专栏

Web前端-Jquery

16 篇文章 0 订阅

订阅专栏

jQuery select 全国城市三级联动

在项目中修改页面会用到，之前用$.filter()函数不行,换成$.each()就可以啦

附代码：

$(function () {
    _init_area();
     
    setTimeout(function () {
        changeArea();
    }, 200);
});
        function changeArea() {            //默认省            var province = $("#areaProvince").val();            //默认市            var city = $("#putArea").val();            //默认区            var area = $("#areaCounty").val();            $('#s_province option').each(function () {                if ($(this).val() == province) {                    $(this).attr('selected', true);                }            });//            $("#s_province option").filter('[value="' + province + '"]').attr('selected', true);            $('#s_province').trigger('change');            $('#s_city option').each(function () {                if ($(this).val() == city) {                    $(this).attr('selected', true);                }            });//            $("#s_city option").filter('[value="' + city + '"]').attr('selected', true);            $('#s_city').trigger('change');            $('#s_county option').each(function () {                if ($(this).val() == area) {                    $(this).attr('selected', true);                }            });//            $("#s_county option").filter('[value="' + area + '"]').attr('selected', true);        }