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 让图片在 div或dl里 居中,底部对齐
Jan 21 Javascript
读jQuery之十三 添加事件和删除事件的核心方法
Aug 23 Javascript
js split 的用法和定义 js split分割字符串成数组的实例代码
May 13 Javascript
JavaScript高级程序设计(第3版)学习笔记10 再访js对象
Oct 11 Javascript
在子窗口中关闭父窗口的一句代码
Oct 21 Javascript
JavaScript中的eval()函数使用介绍
Dec 31 Javascript
JS实现网页表格自动变大缩小的方法
Mar 09 Javascript
ASP.NET jquery ajax传递参数的实例
Nov 02 Javascript
JavaScript中值类型和引用类型的区别
Feb 23 Javascript
vuejs 制作背景淡入淡出切换动画的实例
Sep 01 Javascript
Vue实现简单的拖拽效果
Aug 25 Javascript
JS实现多功能计算器
Oct 28 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编程最快明白(第一讲 软件环境和准备工作)
2010/10/25 PHP
phpphp图片采集后按原路径保存图片示例
2014/02/18 PHP
搭建基于Docker的PHP开发环境的详细教程
2015/07/01 PHP
php轻量级的性能分析工具xhprof的安装使用
2015/08/12 PHP
Android App中DrawerLayout抽屉效果的菜单编写实例
2016/03/21 PHP
PHP实现绘制二叉树图形显示功能详解【包括二叉搜索树、平衡树及红黑树】
2017/11/16 PHP
laravel 修改.htaccess文件 重定向public的解决方法
2019/10/12 PHP
js刷新框架子页面的七种方法代码
2008/11/20 Javascript
根据表格中的某一列进行排序的javascript代码
2013/11/29 Javascript
html5 canvas js(数字时钟)实例代码
2013/12/23 Javascript
解决checkbox的attr(checked)一直为undefined问题
2014/06/16 Javascript
javascript实现时间格式输出FormatDate函数
2015/01/13 Javascript
JavaScript字符串常用类使用方法汇总
2015/04/14 Javascript
node.js缺少mysql模块运行报错的解决方法
2016/11/13 Javascript
jQuery实现可拖拽3D万花筒旋转特效
2017/01/03 Javascript
BootStrap表单控件之文本域textarea
2017/05/23 Javascript
手把手教你把nodejs部署到linux上跑出hello world
2017/06/19 NodeJs
JS按钮闪烁功能的实现代码
2017/07/21 Javascript
Vue.js表单标签中的单选按钮、复选按钮和下拉列表的取值问题
2017/11/22 Javascript
Bootstrap实现翻页效果
2017/11/27 Javascript
基于vue中对鼠标划过事件的处理方式详解
2018/08/22 Javascript
使用Python读写文本文件及编写简单的文本编辑器
2016/03/11 Python
解决pycharm 远程调试 上传 helpers 卡住的问题
2019/06/27 Python
Python搭建代理IP池实现获取IP的方法
2019/10/27 Python
使用Python爬虫库requests发送请求、传递URL参数、定制headers
2020/01/25 Python
用纯CSS3实现网页中常见的小箭头
2017/10/16 HTML / CSS
HTML5自定义data-* data(obj)属性和jquery的data()方法的使用
2012/12/13 HTML / CSS
美国指甲油品牌:Deco Miami
2017/01/30 全球购物
英国灯具和灯泡网上商店:Lights.co.uk
2018/02/02 全球购物
Linux文件操作命令都有哪些
2016/07/23 面试题
经济与贸易专业应届生求职信
2013/11/19 职场文书
鼓励运动员的广播稿
2014/02/08 职场文书
三八妇女节活动主持词
2014/03/17 职场文书
战略性融资合作协议书范本
2014/10/17 职场文书
Pytest allure 命令行参数的使用
2021/04/18 Python
如何用JavaScipt测网速
2021/05/09 Javascript