1、添加省份和城市类

//省份

    public class Province

    {

        public int Id { get; set; }

        public string Name { get; set; }

    }

    //城市

    public class City

    {

        public int Id { get; set; }

        public string Name { get;set;}

        public int ProvinceId { get; set; }

    }

2、添加控制器

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Mvc;

using SupermarketManagement.Models;

namespace SupermarketManagement.Controllers

{

    public class LinkageController : Controller

    {

        List<Province> provinceList = new List<Province>();

        List<City> cityList = new List<City>();

        //初始化城市数据

        private void InitProvince()

        {

            provinceList.Add(new Province { Id = , Name = "河北省" });

            provinceList.Add(new Province { Id = , Name = "河南省" });

            provinceList.Add(new Province { Id = , Name = "广东省" });

            cityList.Add(new City { Id = , Name = "石家庄", ProvinceId =  });

            cityList.Add(new City { Id = , Name = "邢台", ProvinceId =  });

            cityList.Add(new City { Id = , Name = "保定", ProvinceId =  });

            cityList.Add(new City { Id = , Name = "郑州", ProvinceId =  });

            cityList.Add(new City { Id = , Name = "安阳", ProvinceId =  });

            cityList.Add(new City { Id = , Name = "洛阳", ProvinceId =  });

            cityList.Add(new City { Id = , Name = "广州", ProvinceId =  });

            cityList.Add(new City { Id = , Name = "中山", ProvinceId =  });

            cityList.Add(new City { Id = , Name = "佛山", ProvinceId =  });

        }

        //绑定省份

        public ActionResult Index()

        {

            InitProvince();

            var pEnumrable = provinceList.Select(p => new SelectListItem { Value = p.Id.ToString(), Text = p.Name });

            ViewBag.Province = pEnumrable;

            return View();

        }

        //获取城市

        public ActionResult ShowCity(int provinceId)

        {

            InitProvince();

            List<City> cList = new List<City>();

            cList = cityList.Where(c => c.ProvinceId == provinceId).ToList();

            return Json(cList, JsonRequestBehavior.AllowGet);

        }

    }

}

3、添加HTML

<!DOCTYPE html>

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>Index</title>

    <script src="~/Content/jquery-1.8.3.min.js"></script>

    <script>

        $(function () {

            $("#Province").bind("change", function () {

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

                //除了第一个都删除

                  $("#City option:not(:first)").remove();

                $.getJSON("@Url.Action("ShowCity","Linkage")", { provinceId: selectProvince }, function (data) {

                    $.each(data, function (i, item) {

                        $("#City").append("<option value='"+item.Id+"'>"+item.Name+"</option>");

                    });

                });

            });

        });

    </script>

</head>

<body>

    省份：@Html.DropDownList("Province", "请选择省份")<br />

    城市：<select id="City">

        <option value="">请选择城市</option>

    </select><br />

</body>

</html>

MVC4 DropDownList (二) — 省市联动的更多相关文章

  1. Django（二十）下拉列表-省市联动实例：jquery的ajax处理前端

    一.知识点 1.jquery的ajax请求写法 <script src="/static/js/jquery-1.12.4.min.js"></script> ...

  2. select省市联动选择城市 asp.net mvc4

    本文在 http://www.cnblogs.com/darrenji/p/3606703.html(感谢博主的分享)基础上加入全国各省市,从文件中读取全国省市县,组成省市联动的选择标签 在Model ...

  3. Json 基于jQuery+JSON的省市联动效果

    helloweba.com 作者:月光光 时间:2012-09-12 21:57 标签: jQuery  JSON  Ajax  省市联动     省市区联动下拉效果在WEB中应用非常广泛,尤其在一些 ...

  4. Dynamic CRM 2013学习笔记（八）过滤查找控件 （类似省市联动）

    我们经常要实现类似省市联动一样的功能,常见的就是二个查找控件,一个选择了省后,另一个市的查找控件就自动过滤了,只显示当前省下的市,而不是所有的市.当然这是最简单的,实际工作中还有更复杂的功能要通过过滤 ...

  5. 省市联动 js

    工作中见到这个省市联动代码,虽然很简单也能写出来,还是随便把它记录下来. //省市联动 function area(obj_id, area_pId, data_call_back) { ) retu ...

  6. html css javascript 知识点总结 bom js 操作标签 文本 节点 表格各行变色 悬停变色 省市联动 正则

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  7. JavaScript基础4——省市联动

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  8. jquery省市联动，根据公司需求而写

    //author:guan //2015-05-25 //省市联动 //实用说明,页面引用如下js //<script src="../js/jquery-1.6.3.min.js&q ...

  9. 无废话ExtJs 入门教程十二[下拉列表联动：Combobox_Two]

    无废话ExtJs 入门教程十二[下拉列表联动:Combobox_Two] extjs技术交流,欢迎加群(201926085) 不管是几级下拉列表的联动实现本质上都是根据某个下拉列表的变化,去动态加载其 ...

随机推荐

  1. 帝国cms伪静态设置方法（收藏）

    众所周知,动态页面不利于收录和排名.伪静态可以完美的解决这问题,配合百度云加速CDN,可以让动态页面有静态页面一样快的访问速度. 今天开拓族给大家带来帝国CMS伪静态的详细设置方法. 1.栏目设置为动 ...

  2. QWT编译与配置-Windows/Linux环境

    QWT编译与配置-Windows/Linux环境 QWT和FFTW两种开源组件是常用的工程软件支持组件,QWT可以提供丰富的绘图组件功能,FFTW是优秀数字波形分析软件.本文使用基于LGPL版权协议的 ...

  3. MDK/Keil 中，J-Link调试查看变量值总是显示<not in scope>

    转载请注明出处,谢谢. MDK/Keil 中,J-Link调试查看变量值总是显示<not in scope> 原因:编译器把代码优化掉了,直接导致在仿真中变量根本没有分配内存,也就无法查看 ...

  4. JavaScript基础part1

    JavaScript介绍 你不知道它是什么就学?这就是一个网页嵌入式脚本语言...仅此而已 JavaScript组成 一个完整的 JavaScript 实现是由以下 3 个不同部分组成的: 核心(EC ...

  5. c++中string (MFC)

    题目:UVALive - 6439    https://icpcarchive.ecs.baylor.edu/index.php?option=com_onlinejudge&Itemid= ...

  6. MYSQL和ORACLE的一些区别

    有很多应用项目, 刚起步的时候用MYSQL数据库基本上能实现各种功能需求,随着应用用户的增多,数据量的增加,MYSQL渐渐地出现不堪重负的情况:连接很慢甚至宕机,于是就有把数据从MYSQL迁到ORAC ...

  7. Spark性能优化--数据倾斜调优与shuffle调优

    一.数据倾斜发生的原理 原理:在进行shuffle的时候,必须将各个节点上相同的key拉取到某个节点上的一个task来进行处理,比如按照key进行聚合或join等操作.此时如果某个key对应的数据量特 ...

  8. JAVA FILE.renameTo跨文件系统移动文件失败

    遇到了FILE.renameTo跨文件系统移动文件失败的问题,应使用FILES.move()接口或在同一文件系统移动文件. FILE.renameTo接口说明: public boolean rena ...

  9. libevent学习八（evbuffer）

    1.evbuffer以队列的形式管理字节,从尾部添加,从头部取出(FIFO) 2.evbuffer内部存储形式是多个独立的连续内存       接口 //创建和删除 struct evbuffer * ...

  10. PLSQL集合类型

    PLSQL集合类型   --联合数组(索引表) /* 用于存储某个数据类型的数据集合类型 .通过索引获得联合数组中得值 如下例子: */ DECLARE CURSOR cur_chars IS SEL ...