js实现的全国省市二级联动下拉选择菜单完整实例


Posted in Javascript onAugust 17, 2015

本文实例讲述了js实现的全国省市二级联动下拉选择菜单。分享给大家供大家参考。具体如下:

运行效果截图如下:

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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js全国省市二级联动下拉选择菜单</title>
</head>
<body>
<script language="javascript" src="city.js"></script>
<form action="" method=post name=form1>
<table width=300 border=0 cellspacing="0" cellpadding="1" !bgcolor=#FFFDE6>
<tr>
<td class="black_con9" align="right">省份:</td>
<td class="black_con9">
<select name="selectp" onChange="selectcityarea('selectp','selectc','form1');">
<option value="0" selected>选择省份</option>
</select>
</td>
</tr>
<tr>
<td class="black_con9" align="right">县/市:</td>
<td class="black_con9">
<select name="selectc">
<option value="0" selected>选择城市</option>
</select>
</td>
</tr>
</table>
</form>
<script language="javascript">
first("selectp","selectc","form1",0,0);
</script>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
Mootools 1.2教程 Tooltips
Sep 15 Javascript
location对象的属性和方法应用(解析URL)
Apr 12 Javascript
js键盘上下左右键怎么触发function(实例讲解)
Dec 14 Javascript
form表单action提交的js部分与html部分
Jan 07 Javascript
可自定义速度的js图片无缝滚动示例分享
Jan 20 Javascript
JS中的进制转换以及作用
Jun 26 Javascript
Bootstrap轮播插件中图片变形的终极解决方案 使用jqthumb.js
Jul 10 Javascript
BootStrap入门教程(二)之固定的内置样式
Sep 19 Javascript
手机软键盘弹出时影响布局的解决方法
Dec 15 Javascript
javascript事件捕获机制【深入分析IE和DOM中的事件模型】
Dec 15 Javascript
JavaScript中附件预览功能实现详解(推荐)
Aug 15 Javascript
vue中element组件样式修改无效的解决方法
Feb 03 Javascript
D3.js中data(), enter() 和 exit()的问题详解
Aug 17 #Javascript
关于js里的this关键字的理解
Aug 17 #Javascript
Nginx上传文件全部缓存解决方案
Aug 17 #Javascript
jQuery幻灯片带缩略图轮播效果代码分享
Aug 17 #Javascript
javascript中 try catch用法
Aug 16 #Javascript
javascript中undefined与null的区别
Aug 16 #Javascript
swtich/if...else的替代语句
Aug 16 #Javascript
You might like
PHP动态变静态原理
2006/11/25 PHP
php 禁止页面缓存输出
2009/01/07 PHP
php Smarty 字符比较代码
2011/02/27 PHP
关于ob_get_contents(),ob_end_clean(),ob_start(),的具体用法详解
2013/06/24 PHP
eclipse php wamp配置教程
2016/06/30 PHP
PHP MYSQL简易交互式站点开发
2016/12/27 PHP
Laravel重定向,a链接跳转,控制器跳转示例
2019/10/22 PHP
用jquery模仿的a的title属性的例子
2014/10/22 Javascript
使用微信内置浏览器点击下拉框出现页面乱跳转现象(iphone),该怎么办
2016/01/04 Javascript
使用Javascript实现选择下拉菜单互移并排序
2016/02/23 Javascript
ECMAScript6快速入手攻略
2016/07/18 Javascript
深入理解Javascript中的valueOf与toString
2017/01/04 Javascript
jQuery布局组件EasyUI Layout使用方法详解
2017/02/28 Javascript
vue-cli入门之项目结构分析
2017/04/20 Javascript
12个非常有用的JavaScript技巧
2017/05/17 Javascript
Angular实现的简单查询天气预报功能示例
2017/12/27 Javascript
Vuex 进阶之模块化组织详解
2018/01/12 Javascript
解决vue.js 数据渲染成功仍报错的问题
2018/08/25 Javascript
详解小程序云开发数据库
2019/05/20 Javascript
JS学习笔记之贪吃蛇小游戏demo实例详解
2019/05/29 Javascript
[14:20]刀塔大凶女神互压各路奇葩屌丝
2014/05/16 DOTA
在Python中使用base64模块处理字符编码的教程
2015/04/28 Python
pandas groupby 分组取每组的前几行记录方法
2018/04/20 Python
Python解析并读取PDF文件内容的方法
2018/05/08 Python
通过Py2exe将自己的python程序打包成.exe/.app的方法
2018/05/26 Python
python使用udp实现聊天器功能
2018/12/10 Python
解决Python在导入文件时的FileNotFoundError问题
2020/04/10 Python
使用 prometheus python 库编写自定义指标的方法(完整代码)
2020/06/29 Python
使用Django的JsonResponse返回数据的实现
2021/01/15 Python
HTML5学习笔记之html5与传统html区别
2016/01/06 HTML / CSS
鞋子女王塔玛拉·梅隆同名奢侈品牌:Tamara Mellon
2017/11/22 全球购物
医药代表个人的求职信分享
2013/12/08 职场文书
大学班级干部的自我评价分享
2014/02/10 职场文书
业务部门经理岗位职责
2014/02/23 职场文书
物资采购管理制度
2015/08/06 职场文书
大学校园招聘会感想
2015/08/10 职场文书