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 相关文章推荐
不错的asp中显示新闻的功能
Oct 13 Javascript
再次分享18个非常棒的jQuery表格插件
Apr 10 Javascript
日历查询的算法 如何计算某一天是星期几
Dec 12 Javascript
js的alert样式如何更改如背景颜色
Jan 22 Javascript
JS获取下拉框显示值和判断单选按钮的方法
Jul 09 Javascript
easyui datebox 时间限制,datebox开始时间限制结束时间,datebox截止日期比起始日期大的实现代码
Jan 12 Javascript
走进AngularJs之过滤器(filter)详解
Feb 17 Javascript
详解vue项目优化之按需加载组件-使用webpack require.ensure
Jun 13 Javascript
带你了解session和cookie作用原理区别和用法
Aug 14 Javascript
webpack下实现动态引入文件方法
Feb 22 Javascript
解决VUE 在IE下出现ReferenceError: Promise未定义的问题
Nov 07 Javascript
一行JavaScript代码如何实现瀑布流布局
Dec 11 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依赖倒置(Dependency Injection)代码实例
2014/10/11 PHP
js浮动图片的动态效果
2013/07/10 Javascript
JavaScript中使用Object.prototype.toString判断是否为数组
2015/04/01 Javascript
JQuery实现超链接鼠标提示效果的方法
2015/06/10 Javascript
javascript html5实现表单验证
2016/03/01 Javascript
全面了解JavaScirpt 的垃圾(garbage collection)回收机制
2016/07/11 Javascript
jQuery select自动选中功能实现方法分析
2016/11/28 Javascript
基于ajax与msmq技术的消息推送功能实现代码
2016/12/26 Javascript
angular仿支付宝密码框输入效果
2017/03/25 Javascript
Linux CentOS系统下安装node.js与express的方法
2017/04/01 Javascript
使用gulp搭建本地服务器并实现模拟ajax
2017/04/05 Javascript
微信小程序页面传值实例分析
2017/04/19 Javascript
Angular中ng-options下拉数据默认值的设定方法
2017/06/21 Javascript
jQuery完成表单验证的实例代码(纯代码)
2017/09/30 jQuery
Vue单页面应用保证F5强刷不清空数据的解决方案
2018/01/31 Javascript
JS实现图片轮播效果实例详解【可自动和手动】
2019/04/04 Javascript
Javascript异步执行不按顺序解决方案
2020/04/30 Javascript
python装饰器decorator介绍
2014/11/21 Python
使用Python求解最大公约数的实现方法
2015/08/20 Python
Python程序员面试题 你必须提前准备!(答案及解析)
2018/01/23 Python
浅谈python实现Google翻译PDF,解决换行的问题
2018/11/28 Python
Python使用ctypes调用C/C++的方法
2019/01/29 Python
Python常用的json标准库
2019/02/19 Python
关于win10在tensorflow的安装及在pycharm中运行步骤详解
2020/03/16 Python
如何写python的配置文件
2020/06/07 Python
英国领先的互联网葡萄酒礼品商:Vintage Wine & Port
2019/05/24 全球购物
英国屋顶用品和材料超市:Roofing Supplies UK
2019/08/24 全球购物
在校大学生自我评价范文
2014/09/12 职场文书
人身损害赔偿协议书范本
2014/09/27 职场文书
综治工作汇报材料
2014/10/27 职场文书
2014企业年终工作总结
2014/12/23 职场文书
MySQL数字类型自增的坑
2021/05/07 MySQL
redis使用不当导致应用卡死bug的过程解析
2021/07/01 Redis
javascript条件式访问属性和箭头函数介绍
2021/11/17 Javascript
css常用字体属性与背景属性介绍
2022/02/28 HTML / CSS
动画《新网球王子 U-17 WORLD CUP》希腊队PV公开
2022/04/02 日漫