效果图:

aaarticlea/png;base64,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" alt="" />

主要文件有Index.cshtml ,ErJLDController.cs ,还有数据库文件 。

1、首先在数据库中创建省级、城市的表,我的表如下:我用了一张表放下了省级、城市的数据,用level划分省份和城市,parentId表示该城市所在省份的id

aaarticlea/png;base64,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" alt="" />

 namespace Mvcproject.Controllers
{
//二级联动
public class ErJLDController : Controller
{ ZjbEntities db = new ZjbEntities();
//
// GET: /Test/ public ActionResult Index()
{
//pro_city province=new pro_city(); return View();
} public JsonResult getProvince() { List<pro_city> provinceList = (from p in db.pro_city where p.level == 1 select p).ToList(); JsonResult Jprovince = new JsonResult();
Jprovince.Data = provinceList;
Jprovince.JsonRequestBehavior = JsonRequestBehavior.AllowGet;
return Jprovince; } public JsonResult getCity(string pName)
{ //string pid = (from p in db.pro_city where p.areaValue == pName select p.id).ToString();
//int id = int.Parse(pid);
int id = int.Parse(pName); List<pro_city> cityList = (from p in db.pro_city where p.parentId == id select p).ToList(); JsonResult Jcity = new JsonResult();
Jcity.Data = cityList;
Jcity.JsonRequestBehavior = JsonRequestBehavior.AllowGet;
return Jcity; } }
}

ErJLDController.cs

 <body>
<div>
<select id="provinceId" >
<option> 请选择省份</option>
</select>
<select id="cityId">
<option>请选择市区</option>
</select>
</div> <script type="text/javascript"> //用json从数据库里取一级列表的参数
$(function () { $.getJSON("ErJLD/getProvince/", function (obj) {
$.each(obj, function (i, p) {
$("#provinceId").append("<option value='"+p.id+"'>" + p.areaValue + "</option>");
}); $("#provinceId").change(function () {
//用attr()方法获取当前选择的option的value值(即p.id ,数据库里的id值,
//虽然在TestController中的getCity方法中传入的是string类型的形参,但是后来需要变换成int类型, 所以value值应该为数字)
var pName = $("#provinceId").attr("value");
$.getJSON("ErJLD/getCity?pName=" + pName, getcity);
});
});
}); function getcity(obj) {
$("#cityId").empty();
$.each(obj, function (m, v) {
$("#cityId").append("<option >" + v.areaValue + "</option>");
}); }; </script>
</body>

Index.cshtml

Asp.net MVC4 下二级联动的更多相关文章

  1. 用jquery+Asp.Net实现省市二级联动

    页面html: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="ddlAjax. ...

  2. asp.net MVC4——省市三级联动

    controller: public ActionResult GetCity(string id) { AreaService _areaSvc = new AreaService(); List& ...

  3. asp.net MVC4——省市三级联动数据库

    数据库设计

  4. asp.net DropDownList实现二级联动效果

    1.在aspx页面中,拖入两个DroDownList控件,代码如下: <div>   <asp:DropDownList ID="s1" runat=" ...

  5. Asp.Net MVC4下设置W3P3(IIS)调试步骤

    环境] VS 2012  IIS7.5 [问题] MVC项目在创建时和APS.NET不同,不能够选择服务器类型,不能够直接把项目创建到IIS上. 如果在项目中直接更改属性,更换调试服务器类型,会报错 ...

  6. 在ASP.NET MVC下实现单个图片上传, 客户端服务端双重限制图片大小和格式, 服务端裁剪图片

    在"MVC文件图片ajax上传轻量级解决方案,使用客户端JSAjaxFileUploader插件01-单文件上传"一文中,使用JSAjaxFileUploader这款插件实现了单文 ...

  7. Asp.Net下,基于Jquery的Ajax二级联动

    最近做一个项目,要求实现二级联动效果.背景为:通过学院的选择,联动出专业选项.起初想直接用微软的控件实现Ajax效果,但是DropDownList控件会自动触发PostBack,在后台根本就不好控制, ...

  8. JavaScript日历控件开发 C# 读取 appconfig文件配置数据库连接字符串,和配置文件 List<T>.ForEach 调用异步方法的意外 ef 增加或者更新的习惯思维 asp.net core导入excel 一个二级联动

    JavaScript日历控件开发   概述 在开篇之前,先附上日历的代码地址和演示地址,代码是本文要分析的代码,演示效果是本文要实现的效果代码地址:https://github.com/aspwebc ...

  9. asp.net 使用DroDownList来实现二级联动

    今天做新闻发布系统的时候,用到了二级联动,我把使用方法记录下来,以便日后查阅以及帮助新手朋友们.下面是效果图: 下面来讲解一下实现的方法: 1.在.aspx页面中,拖入两个DroDownList控件. ...

随机推荐

  1. [原]C++关于运算符重载的程序报错error…

    错误信息如下: 1>t2.obj : error LNK2019: 无法解析的外部符号 "public: __thiscall Date::Date(void)" (??0D ...

  2. WSGI的理解

    Python web开发中,服务端程序可分为2个部分: 服务器程序(用来接收.整理客户端发送的请求) 应用程序(处理服务器程序传递过来的请求) 在开发应用程序的时候,我们会把常用的功能封装起来,成为各 ...

  3. c++基础五个题(二)

    一.c++中static的作用 1.隐藏:当同时编译多个文件时,所有未加static前缀的全局变量和函数都具有全局可见性,static函数作用就是为了隐藏 2.可以保持变量的持久:存储在静态数据区的变 ...

  4. MySQL用户管理语句001

    总的来说mysql的用户管理方法可以分为如下两种: 1.直接对mysql.user 表进行[insert | update | delete] + flush privileges 这种方式主要针对那 ...

  5. LINUX系统GIT使用教程

    Git使用笔记. 1 安装GIT $  sudo aptitude install git $  sudo aptitude install git-doc git-svn git-email git ...

  6. UVA 10047-The Monocycle(队列bfs+保存4种状态)

    题意:给你一张地图,S代表起点,T代表终点,有一个轮盘,轮盘平均分成5份,每往前走一格恰好转1/5,轮盘只能往前进,但可以向左右转90°,每走一步或是向左向右转90° 要花费1单位的时间,问最少的时间 ...

  7. LeeCode-Majority Element

    Given an array of size n, find the majority element. The majority element is the element that appear ...

  8. windows7 spark单机环境搭建及pycharm访问spark

    windows7 spark单机环境搭建 follow this link how to run apache spark on windows7 pycharm 访问本机 spark 安装py4j ...

  9. Graph.js

    Graph.js Graph.js A JavaScript library for rendering a graph of nodes

  10. Jconsole: JAVA 监视和管理控制台简介

    Jconsole: JAVA 监视和管理控制台简介 JDK中除了提供大量的命令行之外,还提供两个功能强大的可视化工具:JConsole和VisualVM. 之前对java的调试一直停留在 右键-> ...