怎么制作一个联动菜单?相应的省对应市,相应的市对应相应的县?

问题描述

怎么制作一个联动菜单?相应的省对应市,相应的市对应相应的县?

三个选择下拉框,对应省、市、县,三者间有对应关系,求思路或者案例,不胜感激!

解决方案

http://www.cnblogs.com/taoweiji/p/3710262.html
http://www.cnblogs.com/ajun/articles/2153031.html

解决方案二:

第一级菜单值发生变化时触发js函数,js函数根据菜单值通过ajax获取第二级菜单选项,然后在回调函数中动态生成第二级菜单,其他的也是如此。

解决方案三:

三个下拉框。首先把所有省直接加载,当省的文本框的值(selected)改变时,获取省的编号,ajax去加载省下的市,同理,县也一样。

解决方案四:

开发者API开放服务平台有免费的全国省市区接口,数据更新到最新16年2月的,返回格式是json的 http://138api.com

时间: 2024-08-01 23:07:02

怎么制作一个联动菜单?相应的省对应市,相应的市对应相应的县?的相关文章

用Ajax制作三级联动菜单

ajax|菜单|联动菜单 代码整个过程就是根据客户端的url请求判断哪个下拉列表的选中项发生改变,服务器根据请求url调用sql 数据库生成相应的数据写入tmp.xml并重定向到它.由于XmlHttpRequest对象与服务器交互时会得到执行完服务器代码后的response,所以tmp.xml数据将返回到客户端.这就是整个代码注要思想.值得注意的是在请求url时避免相同url,以免调用缓存中数据.一般方法有设置页面关闭写入缓存开关,在程序中设置头部no-cache或者避免相同url.避免相同ur

组件使用两则:Grid动态列/N层ComboBox联动菜单

How to:Grid动态列 Grid是支持动态列的,该点体现在Ext.grid.GridPanel.reconfigure()中,其主要流程就是重新绑定列模型和插入新的Store数据源,然后刷新Grid视图.这里顺便给出源码: reconfigure : function(store, colModel){ if(this.loadMask){ this.loadMask.destroy(); this.loadMask = new Ext.LoadMask(this.bwrap, Ext.a

jQuery插件——多级联动菜单

引言 开发中,有好多地方用到联动菜单,以前每次遇到联动菜单的时候都去重新写,代码重用率很低,前几天又遇到联动菜单的问题,总结了下,发现可以开发一个联动菜单的功能,以后想用的时候就方便多了.项目中每个页面都有引用jQuery,,开发个jQuery联动菜单插件,说动手就动手,下面跟大家分享分享. 我用的jQuery插件方式     (function($){         $.fn.casmenu=function(argvs){              //your code        

jQuery插件实现多级联动菜单效果_jquery

开发中,有好多地方用到联动菜单,以前每次遇到联动菜单的时候都去重新写,代码重用率很低,前几天又遇到联动菜单的问题,总结了下,发现可以开发一个联动菜单的功能,以后想用的时候就方便多了.项目中每个页面都有引用jQuery,,开发个jQuery联动菜单插件,说动手就动手,下面跟大家分享分享. 我用的jQuery插件方式 (function($){ $.fn.casmenu=function(argvs){ //your code } })(jQuery); 其中jQuery传入的是jquery对象,需

我的ASP之旅:二级联动菜单制作

菜单|联动菜单     这个问题其实已经蛮老了,不过作为刚学ASP3个月的我来说,还是有必要写下来强化自己的基础知识.     就拿最常用的"省市下拉列表联动"作为例子吧!     在我们制作网站会员注册信息时,一般会涉及到填写自己所在省/市,如果用input或textarea做成填写形式不太理想.所以大部分网站都会选择联动下来列表形式,做起来也不算很复杂,同时看上去也很轻松.         具体做法如下:         1.设计数据库         我们选用Access数据库.

我的ASP之旅—二级联动菜单制作

菜单|联动菜单|菜单|联动菜单  这个问题其实已经蛮老了,不过作为刚学ASP3个月的我来说,还是有必要写下来强化自己的基础知识.         就拿最常用的"省市下拉列表联动"作为例子吧!         在我们制作网站会员注册信息时,一般会涉及到填写自己所在省/市,如果用input或textarea做成填写形式不太理想.所以大部分网站都会选择联动下来列表形式,做起来也不算很复杂,同时看上去也很轻松.         具体做法如下:         1.设计数据库         我

介绍一个制作下拉菜单完全不同的办法

菜单|下拉 我是头一回知道这个方法,以前从没听用过,以前如果我从数据库里读出内容来制作下拉菜单的话都是用循环来做的,现在,让我们来看一下老外的办法. 利用RecordSet.GetString来制作动态下拉菜单. adodb.recordset的getstring方法有一些BUG,但是你使用得小心一点的话它可以为您工作的很好.先介绍一下GETSTRING的用法--如下: stringValue = rsObject.GetString( format, numRows, columnDelimi

介绍一个制作下拉菜单完全不同的办法。

菜单|下拉 --我是头一回知道这个方法,以前从没听用过,以前如果我从数据库里读出内容来制作下拉菜单的话都是用循环来做的,现在,让我们来看一下老外的办法. 利用RecordSet.GetString来制作动态下拉菜单. adodb.recordset的getstring方法有一些BUG,但是你使用得小心一点的话它可以为您工作的很好.先介绍一下GETSTRING的用法--如下: stringValue = rsObject.GetString( format, numRows, columnDeli

javascript读取Xml文件做一个二级联动菜单示例

 这篇文章主要介绍了使用javascript中读取Xml文件做成的一个二级联动菜单,需要的朋友可以参考下  代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  <html>  <head>  <title>menu2level.html</title>  <meta http-equiv="content-type&quo