zoukankan      html  css  js  c++  java
  • JS 省市联动 ajax

    省市联动

    //省市联动

        $('.locationCode').change(function () {

            var val = $(this).val();

            if (!val) return false;

            var url = '/talentproject/regions?provinceCode=' + val;

            $.ajax({

                url: url,

                success: function (data) {

                    if (!data) {

                        alert('获取失败,请重新获取!');

                    }

                    var html = '<option value="">请选择市</option>';

                    for (var i in data) {

                        html += '<option value=' + data[i].code + '>' + data[i].name + '</option>';

                    }

                    $('.cityCode').empty();

                    $('.cityCode').append(html).trigger("click");

                    //获取后台给的城市代码

                    var cityCode = $("#thcityCode").text();

                    //循环判断项目所属城市

                    $('.cityCode option').each(function () {

                        if ($(this).val() == cityCode) {

                            $(this).attr('selected', true);

                        }

                    });

                }

            });

        });

        if($('.locationCode').val()){

            $('.locationCode').trigger('change');

        }

          

     

    文章来源:刘俊涛的博客

    欢迎关注,有问题一起学习欢迎留言、评论

  • 相关阅读:
    RESTful 、RESTful API 、REST 介绍
    微服务 第三章:SpringBoot 创建web项目(调用jsp)
    微服务 第二章:SpringBoot 创建web项目(用Thymeleaf模板引擎)
    SpringBoot学习之 Thymeleaf
    Junit测试
    ---run-pat 测试 crontab 命令
    ---iproute2 策略路由
    ---曾经整混的两个词
    ---Under Ubuntu 14.04
    ---Ubuntu 14.04 虚拟机器和主机时间同步
  • 原文地址:https://www.cnblogs.com/lovebing/p/10839775.html
Copyright © 2011-2022 走看看