asp.net mvc jQuery 城市二级联动

【asp.net mvc jQuery 城市二级联动】的更多相关文章

asp.net mvc jQuery 城市二级联动

页面效果图: 数据库表结构: 首先在数据库中创建省级.城市的表,我的表如下:我用了一张表放下了省级.城市的数据,用level划分省份和城市,parentId表示该城市所在省份的id 主要文件有:index.cshtml,ErJLDController.cs ,数据处理层,业务处理层,还有数据库文件 . index.cshtml: <body> <div> <select id="provinceId" > <option> 请选择省份&l…

jq简单城市二级联动实现

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>城市二级联动</title> <style> #provice, #city { width: 100px; height: 30px; } select { width: 100%; height: 100%; } </style>…

asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发4- 后台模板html页面创建

上一篇教程<asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发3-登录模块开发>完成了本项目的登录模块,登录后就需要进入后台管理首页了,需要准备一个后台模板,本文主要讲解如何创建这个后台模板,本文创建的后台模板不集成到项目内部,只是静态html页面.后台模板是系统开发必须的,一般小公司有个3套后台模板就够用了.本项目后台模板主要是jquery easyui插件创建的,不需要美工设计就可以创建出来,而且效果还可以,具体效果图如下: 这个版面的缺点是,只能适应2层…

js实现城市二级联动列表

这个是一个同事写的,我看着有用,就cv下来了. 程序功能主要逻辑是: 1.当一级标签市显示默认状态 '-请选择-'时,二级标签要隐藏 2.一级标签选中城市时,二级标签显示在页面,并列出响应市区 3.当一级标签选回默认状态时,二级标签隐藏 <!DOCTYPE HTML> <html> <head> <title>城市二级联动列表</title> <meta charset="utf-8" /> <style&g…

jQuery下拉列表二级联动插件

jQuery下拉列表二级联动插件的视图代码: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery下拉列表二级联动插件</title> <script type="text/javascript" src="jquery-1.7.1.min.js"&g…

asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发2-Model层建立

上篇(asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发1-准备工作)文章讲解了开发过程中的准备工作,主要创建了项目数据库及项目,本文主要讲解项目M层的实现,M层这里讲的主要是通过Codefirst方式实现的. 一.M层简单介绍 1.M层很形象的将数据库里面的各个表格映射成了C#当中的类,比如上篇文章创建的用户表: ? 1 2 3 4 5 6 7 8 9 10 11 12 CREATE TABLE [dbo].[SYS_USER]( [ID]…

asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发1-准备工作

/****** Object: 新闻表 Script Date: 2017/9/2 星期六 15:11:12 ******/ SET ANSI_NULLS ON GO SET QUOTED_IDENTIFIER ON GO CREATE TABLE [dbo].[SITE_ARTICLE]( [ID] [nvarchar]() NOT NULL,--ID [TITLE] [nvarchar]() NULL,--新闻标题 [COLID] [nvarchar]() NULL,--所属栏目ID [CO…

ASP.NET MVC Jquery Validate 表单验证的多种方式

在我们日常开发过程中,前端的表单验证很重要,如果这块处理不当,会出现很多bug .但是如果处理的好,不仅bug会很少,用户体验也会得到很大的提升.在开发过程中我们可以不借助 JS 库,自己去手写 JS 验证,但是如果是团队项目,为了达到代码的统一还是调用统一的表单验证方式比较合适.下面介绍在 ASP.NET MVC中结合Jquery Validate 进行表单验证的方式.首先推荐一篇关于Jquery Validate 如何使用的博文,写的很详细.http://www.cnblogs.com/…

jquery 城市三级联动

js代码 /*城市三级联动 * @method cityChange * @param allProvince,allCity,allDistrict */ function cityChange(provinceN,cityN,districtN){ var all_province=""; for(var i=0;i<allCity.province.length;i++){ all_province+='<option name="province"…

[转]ASP.NET MVC Jquery Validate 表单验证的多种方式介绍

在我们日常开发过程中,前端的表单验证很重要,如果这块处理不当,会出现很多bug .但是如果处理的好,不仅bug会很少,用户体验也会得到很大的提升.在开发过程中我们可以不借助 JS 库,自己去手写 JS 验证,但是如果是团队项目,为了达到代码的统一还是调用统一的表单验证方式比较合适.下面介绍在 ASP.NET MVC中结合Jquery Validate 进行表单验证的方式. 一.Jquery.Validate 中的用法概述以及重要的用法 1.普通的表单结合 Jquery.Validate 的验…

[转]开源框架完美组合之Spring.NET + NHibernate + ASP.NET MVC + jQuery + easyUI 中英文双语言小型企业网站Demo

热衷于开源框架探索的我发现ASP.NET MVC与jQuery easyUI的组合很给力.由于原先一直受Ext JS框架的licence所苦恼,于是痛下决心寻找一个完全免费的js框架——easyUI.它有完整的demo和强大AIP手册,使我在开发过程中得心应手.以下是这篇博文Demo程序的演示效果: 解决方案如图1所示图1 Domain:领域模型 Dao:持久层 Service:服务层 WebSite:表示层 Common:通用类首页如图2所示,可以选择中文和English. 图2 英文首页…

Ajax实现的城市二级联动二

上一篇联动一种只是城市用ajax请求获取并渲染,这里将省份也用ajax请求并渲染 1.HTML <select id="province"> <option>请选择</option> </select> <select id="city"> <option>请选择</option> </select> 2.JS /* * 省份信息和城市信息全部来源于服务器端 * * 第一…

Ajax实现的城市二级联动一

前一篇是把省份和城市都写在JS里,这里把城市放在PHP里,通过发送Ajax请求城市数据渲染到页面. 1.html <select id="province"> <option>请选择</option> <option>山东省</option> <option>辽宁省</option> <option>吉林省</option> </select> <select…

开源框架完美组合之Spring.NET + NHibernate + ASP.NET MVC + jQuery + easyUI 中英文双语言小型企业网站Demo（转）

热衷于开源框架探索的我发现ASP.NET MVC与jQuery easyUI的组合很给力.由于原先一直受Ext JS框架的licence所苦恼,于是痛下决心寻找一个完全免费的js框架——easyUI.它有完整的demo和强大AIP手册,使我在开发过程中得心应手.以下是这篇博文Demo程序的演示效果: 解决方案如图1所示图1 Domain:领域模型 Dao:持久层 Service:服务层 WebSite:表示层 Common:通用类首页如图2所示,可以选择中文和English. 图2 英文首…

asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发3-登录模块开发

进行本文之前需要在数据库用户表里面增加一条用户数据,直接手动添加即可,未安全考虑密码一定要使用Md5加密后的,这里提供666666的Md5密文为(c831b04de153469d),本文完成登录模块的开发工作,登录页面设计将采用Div+Css简单进行设计,最终效果图如下: Mvc一个页面模块至少要实现C层的逻辑代码跟,V层的页面代码,在浏览器访问地址时执行C层代码,在呈现页面,具体创建流程如下: 一.登录C层(Controllers)创建 1.创建Login控制器类在解决方案管理器Contro…

asp.net mvc 两级分类联动方法示例

前台视图代码 <%:Html.DropDownList("AwardClassMainID","请选择")%> <%:Html.DropDownList("SubID",new List<SelectListItem> { (new SelectListItem(){Text="请选择",Value="0"})})%> //jquery代码 $("#AwardC…

ASP.NET MVC页面UI之联动下拉选择控件（省、市、县联动选择）

地区选择操作在WEB应用中比较常见的操作,本文在.net mvc3下实现了省市县三级联动选择功能. 本文博客出处:http://www.kwstu.com/ArticleView/admin_201392171455268 转载请注明! 一.效果图: 二.页面代码 <script src="../../Content/Js/selectlist.js"></script> <script src="../../Content/Js/systool…

ASP.NET MVC jQuery 树插件在项目中使用方法（一）

jsTree是一个基于jQuery的Tree控件.支持XML,JSON,Html三种数据源.提供创建,重命名,移动,删除,拖"放节点操作.可以自己自定义创建,删除,嵌套,重命名,选择节点的规则.在这些操作上可以添加多种监听事件. zTree 是一个依靠 jQuery 实现的多功能 “树插件”.开源免费的软件,优异的性能.灵活的配置.多种功能的组合是 zTree 最大优点. jstree下载地址:https://www.jstree.com/ zTree下载地址:http://www.ztre…

asp.net MVC 下拉多级联动及编辑

多级联动实现,附源码.当前,部分代码是参与博客园其它网友. 新增,前台代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 <script src="~/Scripts/jquery-1.10.2.js"></script> <script type=&quo…

[Asp.net mvc]jquery.form.js无刷新上传

写在前面最近在自己的网盘项目中想用ajax.beginform的方式做无刷新的操作,提交表单什么的都可以,但针对文件上传,就是个鸡肋.在网上查找了发现很多人都遇到了这个问题,大部分都推荐使用jquery.form.js的插件实现. demo 首先通过nuget安装插件jquery.form.js 引入js文件 <script src="~/Scripts/jquery.form.min.js"></script> 前端调用的代码 @{ ViewBag.Titl…

jquery实现二级联动

闲来没事,写点jquery练练手.  var pron_city = { '省':['all'], '北京':[ {'市':[]}, {'海淀区':[]}, {'东城区':[]}, {'西城区':[]}, {'昌平区':[]}, {'怀柔区':[]}, {'朝阳区':[]} ], '山东':[ {'市':[]}, {'济南':['区','历城区','历下区','槐荫区','市中区']}, {'青岛':['区','一区','二区'…

Struts2, jquery, select二级联动

1. 下载jquery.js文件放在webroot下js文件夹里 2. 配置struts.xml: <package name="default" namespace="/" extends="struts-default"> <action name="ajaxRequest" class="net.nw.action.AjaxAction" method="execute&q…

Ajax实现的城市二级联动三

把之前2篇整合在一起 1.html <select id="province"> <option>请选择</option> </select> <select id="city"> <option>请选择</option> </select> 2.javascript //创建获取ajax核心对象的函数 function getXhr(){ var xhr = null;…

django + jquery 实现二级联动

二级联动用ajax还是很好实现的,下面简单给个例子 jquery代码 $("#id_sel").change(function(){ $.get("/browser/gettestcase?type="+cate, function(result){ //$(".form-control-select").find('[value=header]').remove(); //$(".form-control-select").…

DOM之城市二级联动

1.HTML内容 <select id="province"> <option>请选择</option> <option>山东省</option> <option>吉林省</option> <option>上海市</option> </select> <select id="city"> <option>请选择</op…

jQuery实现的3个基础案例（仿QQ列表分组，二级联动下拉框，模拟员工信息管理系统）

1.仿QQ列表分组 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>好友列表</title> <style type="text/css"> body{ font-family: "微软雅黑…

实现asp.net mvc页面二级缓存，提高访问性能

实现的mvc二级缓存的类 //Asp.Net MVC视图页面二级缓存 public class TwoLevelViewCache : IViewLocationCache { private readonly static object SKey = new object(); private readonly IViewLocationCache _cache; public TwoLevelViewCache(IViewLocationCache cache) { _cache = cac…

【初学者指南】在ASP.NET MVC 5中创建GridView

介绍在这篇文章中,我们将会学习如何在 ASP.NET MVC 中创建一个 gridview,就像 ASP.NET Web 表单中的 gridview 一样.服务器端和客户端有许多可用的第三方库,这些库能够提供所有必需的功能,如 Web 表格中的搜索.排序和分页等.是否包含这些功能,取决于应用的特殊需求,例如在客户端和服务器端提供搜索或其它功能的需求等. 可用的库以下是一些可用的库和插件: Grid.Mvc MVCGrid.NET PagedList.MVC JQuery.Grid JQuer…

份-城市，基于jQuery的AJAX二级联动,用Struts2整合AJAX【非数据库版】

package loaderman.provincecity; import java.io.IOException; import java.util.LinkedHashSet; import java.util.Set; import com.opensymphony.xwork2.ActionSupport; /** * 控制器*/ public class ProvinceCityAction extends ActionSupport{ private String province…