$(function(){

function objInit(obj){

return $(obj).html("请选择");

}

var arrData = {

江西省:{宜春市: "袁州区,万载县",

品牌1_2: "型号1_2_1,型号1_2_2"},

湖南省:{邵阳市: "邵阳县,型号2_1_2",

品牌2_2: "型号2_2_1,型号2_2_2"},

厂商3:{品牌3_1: "型号3_1_1,型号3_1_2",

品牌3_2: "型号3_2_1,型号3_2_2"},

};

$.each(arrData, function(pF){

$("#selF").append(""+pF+"");

});

$("#selF").change(function(){

objInit("#selT");

objInit("#selC");

$.each(arrData, function(pF, pS){

if($("#selF option:selected").text()==pF){

$.each(pS, function(pT, pC){

$("#selT").append(""+pT+"");

});

$("#selT").change(function(){

objInit("#selC");

$.each(pS, function(pT, pC){

if($("#selT option:selected").text()==pT){

$.each(pC.split(","),function(){

$("#selC").append(""+this+"");

});

}

});

});

}

});

});

$("#Button1").click(function(){

var strValue = "您选择的省份:";

strValue += $("#selF option:selected").text();

strValue += " 您选择的城市:";

strValue += $("#selT option:selected").text();

strValue += " 您选择的区县:";

strValue += $("#selC option:selected").text();

$("#divTip").show().html(strValue);

});

})

省份:请选择

城市:请选择

区县:请选择

省份-城市-区域三级联动【struts2 + ajax +非数据库版】

package loaderman; /** * 实体,封装省份和城市 */ public class Bean { private String province;//省份 private Stri ...

ajax+struts2 实现省份-城市-地区三级联动

1.需求分析 2.js部分(通过ajax异步请求实现) 省份-->城市联动 城市-->地区 3.struts部分 struts.xml action部分 4.service部分 5.总结 ...

基于Jquery实现省份、城市、区县三级联动

前端感觉写的比较少,也是为了练手,下午没事用来写了这个三级联动,也是第一次写这东西. 据我了解,城市信息可以选择存在数据库或者直接写在前端,为了省事,我直接写在前端,下面是我的代码:

转: javascript实现全国城市三级联动菜单代码

js全国城市三级联动菜单代码_B5教程网 省名 ...

省市县三级联动js代码

省市县三级联动菜单,JS全国省市县(区)联动代码,一般可以用于用户注册或分类信息二手交易网站,需要的朋友直接复制代码就可以用了,不过有朋友反馈说缺少某些城市,具体缺少哪个尚不知,请想用的朋友自己补全吧 ...

省市区县三级联动JAVA+MySQL+JQuery

场景介绍: 由于项目要求,需要做一个进件(新增)功能,而该功能里要用到车品牌.车系.车型的联动查询,也就是经典的三级联动. 大体思路如下: 进入页面,会把所有的车品牌(第一级)在后台查询出来,放到缓存 ...

jQuery三级联动效果代码(省、市、区)

很长时间都不用jquery了,有人问我jquery写三级联动的插件我就写好了发出来吧,正好需要的人都可以看看. 一.html代码 ...

js 省份城市二级动态联动的例子

随机推荐

<td></td>标签的border 样式在浏览器中显示不出来

问题: 在一些浏览器中比如360浏览器的兼容模式下,

标签 中 的内容为空时 ...

Unity and C#: Game Loop (Awake, Start, Update)

Introduction The central component of any game, from a programming standpoint, is the game loop. It ...

翻译-使用Spring调用SOAP Web Service

原文链接: http://spring.io/guides/gs/consuming-web-service/ 调用SOAP web service 本指南将指导你使用Spring调用一个基于SOAP ...

jsp中利用checkbox进行批量删除

一.将前台jsp页面中的所有你要用到checkbox的name值设为相同,如

windows线程同步

一.前言 之前在项目中,由于需要使用到多线程,多线程能够提高执行的效率,同时也带来线程同步的问题,故特此总结如下. 二.windows线程同步机制 windows线程同步机制常用的有几种:Event. ...

hdu 1849 Rabbit and Grass 博弈论

水题,转化Nim 代码如下: #include #include #include #include&l ...

【集训笔记】博弈论相关知识【HDOJ 1850【HDOJ2147

以下资料来自:http://blog.csdn.net/Dinosoft/article/details/6795700 http://qianmacao.blog.163.com/blog/stat ...

git(创建,提交,回退)

创建版本库 2334次阅读 什么是版本库呢?版本库又名仓库,英文名repository,你可以简单理解成一个目录,这个目录里面的所有文件都可以被Git管理起来,每个文件的修改.删除,Git都能跟踪,以 ...

Unity3d的序列帧动画

马上这星期就要过去了,为了完成每星期写一篇博客的目标,熬夜也要写完. 最近项目中用到了很多序列帧动画,之前看教程也接触过序列帧动画,但当时没用到,就没仔细研究,这次就借着这个机会好好总结一下序列帧动画 ...

匹配区县代码_省份、城市、区县三级联动Html代码相关推荐

  1. 省份城市区县三级联动html代码,JavaScript实现省份城市的三级联动

    本文实例为大家分享了js实现省份城市的三级联动的具体代码,供大家参考,具体内容如下 效果图: Document select{ width: 80px; margin: 5px; } // 省份数组 ...

  2. js+php做省份城市选择,三级联动,前后端简单交互,最详细

    需要先安装xampp,,免费的软件,然后运行apache,我安装的英文版 没有红色或×或者报错,就能正常运行,如果软件有报错问题,可以网上搜索相关解决方案,都有. 文件我写了四个,一个html,三个p ...

  3. 原生JavaScript实现 城市二级三级联动

    原生JavaScript实现 城市二级三级联动 一,HTML代码 <select id="province" onchange="chooseProvince(th ...

  4. 【案例】城市地址三级联动

    注意点: 1.<option value=""></option>    value值的设置 2.select的onchange事件 <!DOCTYP ...

  5. 省份城市区县三级联动html代码,基于Jquery实现省份、城市、区县三级联动

    -//W3C//DTD HTML 4.01 Transitional//EN" ";> $(document).ready(function(){ //省份城市数组 var ...

  6. 微信小程序多项选择器_微信小程序三级联动之多列选择器

    有些时候,三级联动业务场景并不只是全国地区选择,可能还涉及到自定义分类的三级联动,这时就需要使用微信的多列选择器. 如果只是一列字段,或者每次拖动一次都去服务端取,会比较容易. 如果想一次定义好jso ...

  7. 浪漫的python代码_七夕,最浪漫的Python代码送给陷入爱河的Python男同胞

    七夕,最浪漫的Python代码送给陷入爱河的Python男同胞 image.gif ​ 三句话情书,我们听过.如何用python写一段浪漫的代码?可以是简短有韵味的情书式, 也欢迎冗长而效果拔群的万行 ...

  8. html中看到php代码_如何在HTML中嵌入PHP代码

    如何在HTML中嵌入PHP代码 对于一个有经验的 PHP Web 开发者,在HTML中嵌入PHP代码是一件非常容易的事情.但是对于刚开始接触 PHP 编程语言的新手这就是一个问题.下面是小编为大家带来 ...

  9. 微信开发者平台如何编写代码_编写超级清晰易读的代码的初级开发者指南

    微信开发者平台如何编写代码 Writing code is one thing, but writing clean, readable code is another thing. But what ...

  10. java幻灯片播放代码_简单常用的幻灯片播放实现代码

    幻灯片自动播放图片是当前网站比较流行的一个展示方式.在网上我们能找到各种特效丰富的幻灯片插件和代码.这里项目需要,我自己做了一个简单的,就不详细讲解了,代码很简单.直接看效果图和代码吧. 所有代码 p ...

最新文章

  1. linux内核参数优化
  2. 商品领域ddd_DDD领域驱动实战 - 限界上下文(bounded context)
  3. Hibernate Cascade 属性
  4. python输入代码如何清除_Bug清除手册-代码书写规范与基本使用(Python)
  5. 链表删除功能实现演示
  6. c语言中八进制转换成十进制数,C语言中的二进制、八进制、十进制之间的转换...
  7. Linux中Redis的安装
  8. 【proteus】模拟电路——集成运算放大器之LM324(一)LM324的介绍
  9. 阿里easyExcel学习笔记(maven)
  10. PAL与NTSC制式的详解
  11. 一号店主页静态页面(HTML)
  12. windows.old的删除方法
  13. Find a Mother Vertex in a Graph
  14. 如何知道电脑开机记录?
  15. cocos2d-x的初步学习七
  16. Python新手都知道而你却不知的经典案例
  17. 火影忍者379话最新情报
  18. 语音识别之HTK入门(二)
  19. RIP协议;OSPF协议;BGP协议
  20. 什么是大数据?什么是数据科学

热门文章

  1. ADS系列 - 混频器设计 - 混频器原理介绍及仿真1
  2. 阿里 java 电话面试_阿里Java开发电话面试经历--惨败
  3. OPPO VOOC快充电路和协议
  4. AI再造一个“李佳琦”,难嘛?
  5. 史上最全的Android基础教程+入门实战训练+处理技巧(建议收藏)|寻找C站宝藏
  6. 短时傅里叶变换(Short Time Fourier Transform)
  7. 循环冗余校验码解法简析
  8. 机器学习处理信号分离_【火炉炼AI】机器学习054-用ICA做盲源分离
  9. 计算机图形学(九)-纹理的应用,环境贴图、凹凸贴图、法线贴图、位移贴图
  10. 匹配问题——匈牙利算法