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>
MVC 二级联动 可以试试的更多相关文章
- MVC二级联动使用$.ajax方法获取后端返回的字符串
在"MVC二级联动使用$.getJSON方法"中使用$.getJSON()获取后端返回的JSon. 本篇使用jQuery的$.ajax()获取后端返回的字符串,实现二级联动. ...
- MVC二级联动使用$.getJSON方法
本篇使用jQuery的$.getJSON()实现二级联动. □ View Models 1: namespace MvcApplication1.Models 2: { 3: public cla ...
- MVC 二级联动
后台代码,获取数据如下: /// <summary> /// 获取省份 /// </summary> public JsonResult GetProvincelist() { ...
- asp.net mvc jQuery 城市二级联动
页面效果图: 数据库表结构: 首先在数据库中创建省级.城市的表,我的表如下:我用了一张表放下了省级.城市的数据,用level划分省份和城市,parentId表示该城市所在省份的id 主要文件有:ind ...
- Spring MVC中Ajax实现二级联动
今天写项目遇到了二级联动,期间遇到点问题,写个博客记录一下. 后台Controller: @RequestMapping("/faultType") @ResponseBody p ...
- C# MVC LayUI实现下拉框二级联动
一.layui.use 1.LayUI的官方使用文档:https://www.layui.com/doc/ 2.layui的内置模块不是默认就加载好的,必须要执行启动模块的这种方法后模块才会加载: 3 ...
- Javascript中二级联动
主要使用到到了地址JSON格式,来做,没有涉及数据库的读取. <!DOCTYPE html><html><head> <meta charset=" ...
- JavaScript日历控件开发 C# 读取 appconfig文件配置数据库连接字符串,和配置文件 List<T>.ForEach 调用异步方法的意外 ef 增加或者更新的习惯思维 asp.net core导入excel 一个二级联动
JavaScript日历控件开发 概述 在开篇之前,先附上日历的代码地址和演示地址,代码是本文要分析的代码,演示效果是本文要实现的效果代码地址:https://github.com/aspwebc ...
- iOS开发之"省市"二级联动的数据组织(PHP版)以及PickerView的实现与封装
之所以要发表这篇博客,还源于最近的开发工作所实现的一个小的Demo, 当然这个Demo不会涉及工作中App的一些内容,下方要实现的Demo是通用的.因为项目需求的迭代,要求在银行卡绑定中添加支行所在的 ...
随机推荐
- Leetcode 96. 不同的二叉搜索树
题目链接 https://leetcode.com/problems/unique-binary-search-trees/description/ 题目描述 给定一个整数 n,求以 1 ... n ...
- Linux命令之---find
命令简介 find明林用于查找目录下的文件,同时也可以调用其他命令执行相应的操作 命令格式 find pathname -options [-print -exec -ok ...] find [选项 ...
- 笔记-python-变量作用域
笔记-python-变量作用域 1. python变量作用域和引用范围 1.1. 变量作用域 一般而言程序的变量并不是任何对象或在任何位置都可以访问的,访问权限决定于这个变量是在哪里赋 ...
- JVM——Java类加载机制总结
)解析:解析阶段是把虚拟机中常量池的符号引用替换为直接引用的过程. 2.3 初始化 类初始化时类加载的最后一步,前面除了加载阶段用户可以通过自定义类加载器参与以外,其余都是虚拟机主导和控制.到了初始化 ...
- poj3613:Cow Relays(倍增优化+矩阵乘法floyd+快速幂)
Cow Relays Time Limit: 1000MS Memory Limit: 65536K Total Submissions: 7825 Accepted: 3068 Descri ...
- Google Authenticator(谷歌身份验证器)C#版
摘要:Google Authenticator(谷歌身份验证器),是谷歌公司推出的一款动态令牌工具,解决账户使用时遭到的一些不安全的操作进行的"二次验证",认证器基于RFC文档中的 ...
- RF、GBDT、XGBOOST常见面试算法整理
1. RF(随机森林)与GBDT之间的区别 相同点: 1)都是由多棵树组成的 2)最终的结果都是由多棵树一起决定 不同点: 1) 组成随机森林的树可以是分类树也可以是回归树,而GBDT只由回归树组 ...
- 【Luogu P2781】 传教
这题是可以用线段树做的. 虽然$n\leq 10^9$ 可以发现,真正需要用到的节点很少,故动态开点,只有需要用到的时候才新建节点. 这里我在下放标记的时候新建节点,因为每操作/查询一个节点都需要先下 ...
- log4j2异步日志配置及官方文档的问题澄清
配置及demo 方法一全部打开 加启动参数 -DLog4jContextSelector=org.apache.logging.log4j.core.async.AsyncLoggerContextS ...
- c#委托使用
public class StepArgs : EventArgs { public int m_IMax = 0; public int m_IStep = 0; public string m_S ...