zoukankan      html  css  js  c++  java
  • jquery获取数据并生成下拉菜单

    jquery获取数据并生成下拉菜单,

    <script type="text/javascript">
        $(document).ready(function() {
            GetByJquery();
            $("#ddlProvince").change(function() { GetCity() });
            $("#ddlCity").change(function() { GetDistrict() });
        });
       
        function GetByJquery() {

            $("#ddlProvince").empty(); //清空省份SELECT控件

            $.getJSON("/ajax/GetProvinceList", function(data) {
                $.each(data, function(i, item) {
                    $("<option></option>")
                        .val(item["ProvinceID"])
                        .text(item["ProvinceName"])
                        .appendTo($("#ddlProvince"));
                });
                GetCity();
            });     

        }

        function GetCity() {

            $("#ddlCity").empty(); //清空城市SELECT控件
            var url ="/ajax/GetCityList/" + $("#ddlProvince").val();
            $.getJSON(url, function(data) {
                $.each(data, function(i, item) {
                    $("<option></option>")
                        .val(item["CityID"])
                        .text(item["CityName"])
                        .appendTo($("#ddlCity"));
                });
                GetDistrict();
            });
        }

        function GetDistrict() {
            $("#ddlDistrict").empty(); //清空市区SELECT控件
            var url = "/ajax/GetDistrictList/" + $("#ddlCity").val();
           
            $.getJSON(url, function(data) {
                $.each(data, function(i, item) {
                    $("<option></option>")
                        .val(item["DistrictID"])
                        .text(item["DistrictName"])
                        .appendTo($("#ddlDistrict"));
                });
            });
        }

    </script>

  • 相关阅读:
    CSS3--box-shadow
    C#快捷键
    c#基础3
    C#基础2
    C#基础
    javascript 字符串总结
    javasrcipt中的for in 循环
    javascript复习总结
    结构体数组排序
    ArrayList集合排序
  • 原文地址:https://www.cnblogs.com/ziye/p/2685080.html
Copyright © 2011-2022 走看看