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 相关文章推荐
javascript获取select的当前值示例代码(兼容IE/Firefox/Opera/Chrome)
Dec 17 Javascript
基于JQuery实现的图片自动进行缩放和裁剪处理
Jan 31 Javascript
使用CSS样式position:fixed水平滚动的方法
Feb 19 Javascript
详解Javascript事件驱动编程
Jan 03 Javascript
JavaScript实现阿拉伯数字和中文数字互相转换
Jun 12 Javascript
JS百度地图搜索悬浮窗功能
Jan 12 Javascript
简单的Vue异步组件实例Demo
Dec 27 Javascript
浅谈Vue-cli单文件组件引入less,sass,css样式的不同方法
Mar 13 Javascript
jQuery实现点击自身以外区域关闭弹出层功能完整示例【改进版】
Jul 31 jQuery
AngularJS使用$http配置对象方式与服务端交互方法
Aug 13 Javascript
jquery实现垂直手风琴导航栏
Feb 18 jQuery
js+css实现扇形导航效果
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
BBS(php &amp; mysql)完整版(五)
2006/10/09 PHP
php统计数组不同元素的个数的实例方法
2019/09/26 PHP
window.showModalDialog使用手册
2007/01/11 Javascript
IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素
2011/07/31 Javascript
node.js入门教程
2014/06/01 Javascript
jQuery仅用3行代码实现的显示与隐藏功能完整实例
2015/10/08 Javascript
深入探秘jquery瀑布流的实现
2016/01/30 Javascript
Angularjs验证用户输入的字符串是否为日期时间
2017/06/01 Javascript
深究AngularJS——ng-checked(回写:带真实案例代码)
2017/06/13 Javascript
JS实现批量上传文件并显示进度功能
2017/06/27 Javascript
JS实现仿UC浏览器前进后退效果的实例代码
2017/07/17 Javascript
浅谈vue中数据双向绑定的实现原理
2017/09/14 Javascript
使用cropper.js裁剪头像的实例代码
2017/09/29 Javascript
JavaScript设计模式之享元模式实例详解
2019/01/17 Javascript
JavaScript如何实现元素全排列实例代码
2019/05/14 Javascript
vue中input的v-model清空操作
2019/09/06 Javascript
微信小程序实现页面左右滑动
2020/11/16 Javascript
Python列表(list)常用操作方法小结
2015/02/02 Python
Python中pygal绘制雷达图代码分享
2017/12/07 Python
Python高级特性与几种函数的讲解
2019/03/08 Python
eclipse创建python项目步骤详解
2019/05/10 Python
双向RNN:bidirectional_dynamic_rnn()函数的使用详解
2020/01/20 Python
15行Python代码实现免费发送手机短信推送消息功能
2020/02/27 Python
Python基于模块Paramiko实现SSHv2协议
2020/04/28 Python
Keras 切换后端方式(Theano和TensorFlow)
2020/06/19 Python
python 如何使用find和find_all爬虫、找文本的实现
2020/10/16 Python
利用CSS3实现文字折纸效果实例代码
2018/07/10 HTML / CSS
比利时家具购买网站:Home24
2019/01/03 全球购物
俄罗斯三星品牌商店:GalaxyStore
2020/11/04 全球购物
一百多行代码实现react拖拽hooks
2021/03/23 Javascript
制冷与电控专业应届生求职信
2013/11/11 职场文书
社团活动总结怎么写
2014/06/30 职场文书
国庆庆典邀请函
2015/02/02 职场文书
刑事上诉状范文
2015/05/22 职场文书
Flask搭建一个API服务器的步骤
2021/05/28 Python
解析Java中的static关键字
2021/06/14 Java/Android