jquery 三级菜单(省市区联动菜单)

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title>jquery 三级菜单(省市区联动菜单)</title>
 <meta http-equiv="content-type" content="text/html; charset=gb2312" />
  <style>
 #test select{
  width:100px;
  margin-left:20px;
 }
  </style>
 
  <script src="jquery-1[1].2.6.js" type="text/网页特效"></script>
  <script src="jquery.provincescity.js" type="text/javascript"></script>
  <script src="provincesdata.js" type="text/javascript"></script>
  <script>
 //调用插件
 $(function(){
  $("#test").provincecity();
 });
  </script>
</head>
<body>
 <div id="test"></div>
</body>
</html>

源码下载地址
http://down.111cn.net/down/code/jquery/2010/0908/20690.html
效果预览地址
http://g.111cn.net/javascript/js/20100907/city/

时间: 2024-09-19 08:59:37

jquery 三级菜单(省市区联动菜单)的相关文章

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

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

三级下拉联动菜单js代码

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv=content-type content="

jquery+php无限极联动菜单实例

今天工作需要 要写树形的联动,于是写了个可扩展的无限极联动下拉选项 代码写的比较凌乱 先mark  有空再整理 操蛋! 公司连QQ都不能上 随便截个图! 先贴数据库 id category_name 分类名 pid 父分类id orders 排序 1 22223331 0 1 2 2222111 1 1 12 44444 11 0 5 2222 1 1 6 2222 1 1 11 333 2 0 13 555555 12 0 页面代码 用的SMARTY  代码如下 复制代码 <div id=&quo

JS实多级联动下拉菜单类,简单实现省市区联动菜单!_表单特效

作者:ybcola 这段js代码是很久以前的作品了,应该在一年以前吧!当时是在做一个农村人才管理系统的时候遇到的问题,因为系统要求参选择并通过后台添加省市区县甚至到乡镇村队,而在对人才的信息进行修改时要求用下拉列表进行选择,并且每个人才来源可能是省市,或者省市区县,或者一直取队都要选择!那时第一反映就是找网上是否有现成的代码,找到一个最常用的就是省市二级联动,那时那段js代码在网上随处可见,可是拿过来对我来说没用,因为我需要的是一个多级联通并且可以自由扩展的代码!最终还是自己动手写了JS代码.

基于jquery的二级联动菜单实现代码_jquery

jQuery 1.3.2 简单实现select二级联动 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head

js实现简单的联动菜单效果_javascript技巧

本文实例讲述了js实现简单的联动菜单效果.分享给大家供大家参考.具体如下: 这是一个最简单的js联动菜单代码,在DW里可以自动生成,不想在DW里生成的话,把此份代码拷贝下拉修改也可以.网页上常用到一种Select联动菜单. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-select-ld-menu-codes/ 具体代码如下: <html> <head> <title>简单的Select联动菜单代码</ti

ASP + XML + JavaScript 实现动态无限级联动菜单

javascript|xml|菜单|动态|联动菜单 我做某个项目时,有需求的是做一个动态的无限级的联动菜单.由于本人比较懒于是上网找找有关的代码,但很多都没有满足需求,其中有一编文章是用 JavaScript对XML文件操作来实现无限级联动菜单的,我们可结合ASP来完成对数据库值的读取,然后写入XML文件,再用JavaScript 读出来并且控制它的联动.这儿的关键是把数据库内的N层数据类读出来然后正确写入XML文件中:我的数据库表结构是这样的:'tbl_Class 列名 数据类型 长度  说明

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

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

.NET中实现无客户端联动菜单 (无刷新)

菜单|客户端|联动菜单|刷新|无刷新|菜单|客户端|联动菜单|刷新|无刷新   <%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="CustomManager.company.WebForm1" %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML