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 相关文章推荐
不用写JS也能使用EXTJS视频演示
Dec 29 Javascript
改善用户体验的五款jQuery插件分享
May 22 Javascript
对之前写的jquery分页做下升级
Jun 19 Javascript
jQuery Easyui DataGrid点击某个单元格即进入编辑状态焦点移开后保存数据
Aug 15 Javascript
vue.js内部自定义指令与全局自定义指令的实现详解(利用directive)
Jul 11 Javascript
微信小程序之前台循环数据绑定
Aug 18 Javascript
nginx部署访问vue-cli搭建的项目的方法
Feb 12 Javascript
Vue中使用Sortable的示例代码
Apr 07 Javascript
BootStrap中的模态框(modal,弹出层)功能示例代码
Nov 02 Javascript
js删除对象/数组中null、undefined、空对象及空数组方法示例
Nov 14 Javascript
js实现抽奖的两种方法
Mar 19 Javascript
JavaScript中交换值的10种方法总结
Aug 18 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 安全过滤函数代码
2011/05/07 PHP
PHP高级对象构建 工厂模式的使用
2012/02/05 PHP
yii使用bootstrap分页样式的实例
2017/01/17 PHP
laravel框架中间件简单使用方法示例
2020/01/25 PHP
Jquery Ajax.ashx 高效分页实现代码
2009/10/20 Javascript
JavaScript 学习历程和心得分享
2010/12/12 Javascript
原生Js与jquery的多组处理, 仅展开一个区块的折叠效果
2011/01/09 Javascript
Lazy Load 延迟加载图片的jQuery插件中文使用文档
2012/10/18 Javascript
js处理json以及字符串的比较等常用操作
2013/09/08 Javascript
JavaScript简单实现鼠标拖动选择功能
2014/03/06 Javascript
原生js实现autocomplete插件
2016/04/14 Javascript
jquery if条件语句的写法
2016/05/19 Javascript
JavaScript中输出信息的方法(信息确认框-提示输入框-文档流输出)
2016/06/12 Javascript
微信小程序 flex实现导航实例详解
2017/04/26 Javascript
H5基于iScroll实现下拉刷新和上拉加载更多
2017/07/18 Javascript
JS分页的实现(同步与异步)
2017/09/16 Javascript
javascript原生封装一个淡入淡出效果的函数测试实例代码
2018/03/19 Javascript
微信小程序利用canvas 绘制幸运大转盘功能
2018/07/06 Javascript
详解Bootstrap 学习(一)入门
2019/04/12 Javascript
在JavaScript中使用严格模式(Strict Mode)
2019/06/13 Javascript
Python学习笔记之os模块使用总结
2014/11/03 Python
RC4文件加密的python实现方法
2015/06/30 Python
使用python3.5仿微软记事本notepad
2016/06/15 Python
利用python生成一个导出数据库的bat脚本文件的方法
2016/12/30 Python
浅谈python和C语言混编的几种方式(推荐)
2017/09/27 Python
使用Python如何测试InnoDB与MyISAM的读写性能
2018/09/18 Python
什么是python的必选参数
2020/06/21 Python
Python Pandas数据分析工具用法实例
2020/11/05 Python
html5中valid、invalid、required的定义
2014/02/21 HTML / CSS
优秀的计算机专业求职信范文
2013/12/27 职场文书
医药个人求职信范文
2014/01/29 职场文书
如何撰写一封出色的求职信
2014/04/27 职场文书
2015年感恩节活动总结
2015/03/24 职场文书
2015年生产部工作总结范文
2015/05/25 职场文书
Python中递归以及递归遍历目录详解
2021/10/24 Python
Windows11 Insider Preview Build 25206今日发布 更新内容汇总
2022/09/23 数码科技