• MVC 二级联动 可以试试


    后台代码,获取数据如下:

    /// <summary>
     2         /// 获取省份
     3         /// </summary>
     4         public JsonResult GetProvincelist()
     5         {
     6             return Json(db.Province.ToList(),JsonRequestBehavior.AllowGet);
     7         }
     8         /// <summary>
     9         /// 获取城市
    10         /// </summary>
    11         /// <param name="pid"></param>
    12         /// <returns></returns>
    13         public JsonResult GetCitylist(int pid)
    14         {
    15             List<CityModel> list=db.City.Where(c => c.Province.PID == pid).ToList();
    16             List<SelectListItem> item = new List<SelectListItem>();
    17             foreach (var City in list)
    18             {
    19                 item.Add(new SelectListItem { Text = City.CityName, Value = City.CID.ToString() });
    20             }
    21             return Json(item, JsonRequestBehavior.AllowGet);
    22         }


    定义两个下拉框:

    1 <span>省份:</span>
    2 <select id="Province" >
    3 <option>请选择</option>
    4 </select>
    5 
    6 <span>市:</span>
    7 <select id="City">
    8 <option>请选择</option>
    9 </select>


    使用jquery获取控制器里返回的值加载到下拉框中:

    <script type="text/javascript">
     2     $(function () {
     3         GetProvince(); //加载省份
     4         $("#Province").change(function () {
     5             GetCity();
     6         });
     7     });
     8     function GetProvince() {
     9 //        $("#Province").empty();
    10         $.getJSON(
    11             "/Home/GetProvincelist",
    12             function (data) {
    13                 alert(data);
    14                 $.each(data, function (i, item) {
    15                     $("<option></option>").val(item["PID"]).text(item["ProvinceName"]).appendTo($("#Province"));
    16                 })
    17             });
    18 //            GetCity();
    19         }
    20         function GetCity() {
    21             $("#City").empty();
    22             $.getJSON(
    23             "/Home/GetCitylist",
    24             { pid: $("#Province").val() },
    25             function (data) {
    26                 $.each(data, function (i, item) {
    27                     $("<option></option>").val(item["Value"]).text(item["Text"]).appendTo($("#City"));
    28                     
    29                 })
    30             });
    31         }
    32 </script>
  • 相关阅读:
    mongodb复制集搭建
    mongodb分片集群搭建
    mongodb安装、运行
    吉他“和弦”是什么?
    NoSQL 简介
    淘汰算法 LRU、LFU和FIFO
    Java遍历Map对象的四种方式
    终于搞懂了shell bash cmd...
    如何为openwrt生成补丁
    linux内核启动时报错ubi0 error: validate_ec_hdr: bad data offset 256, expected 128
  • 原文地址:https://www.cnblogs.com/bruceli-net/p/5057204.html
Copyright © 2020-2023  润新知