js省市级联菜单
精贴
置顶
4989
0
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>
<html>
<head>
<title>New Document </title>
<script language=”JavaScript”>
var city=
[
["北京","天津","上海","重庆"],
["南京","苏州","南通","常州"],
["福州","福安","龙岩","南平"],
["广州","潮阳","潮州","澄海"],
["兰州","白银","定西","敦煌"]
];
function getCity(){ //定义getCity()函数
var sltProvince=document.getElementById(“province”);
//定义sltProvince变量, document.getElementByid(“province”)取得<select id=province的值>
var sltCity=document.getElementById(“city”);
//取得<select id=city的值>
var provinceCity=city[sltProvince.selectedIndex-1];//定义数组长度，由于数组下标从0开始，所以减1
//city[sltprovince.selectedIndex-1],这里的selectedIndex就不明白了，拜托讲得详细一些
sltCity.length=1;//这里也不太明白，length是什么,为什么赋值1
//length是select的option数组长度，初始值为1，因为默认有只有一个选项‘请选择所在城市’
for(var i=0;i<provinceCity.length;i++){ //
sltCity[i+1]=new Option(provinceCity[i],provinceCity[i]);//
}
}
</script>
</head>
<body>
<form>
<select name=”province” id=”province” onchange=”getCity()”>
<option value=”0″>请选择所在省份</option>
<option value=”直辖市”>直辖市</option>
<option value=”江苏省”>江苏省</option>
<option value=”福建省”>福建省</option>
<option value=”广东省”>广东省</option>
<option value=”甘肃省”>甘肃省</option>
</select>
<select id=”city” name=”city”>
<option value=”0″>请选择所在城市</option>
</select>
</form>
</body>
</html>
今日天气
···
···
···
···
近一月回答榜 - TOP 12
wuxuxiao
钻石VIP
qwe2466985
超级会员
yu_rebecca
黄金会员
wuxiao2882
青铜会员
a448155162
普通会员
messi
普通会员
85xinxi
普通会员
fushang369
普通会员
wawa512com
普通会员
zhuangjunhua
普通会员
ucase
普通会员
xuchunyun
普通会员
博客标签
- 热门排行
- CSS cursor鼠标样式一览表 2012-06-25
- .NET后台写JS代码 2011-11-03
- 网站地址多出jdfwkey的问题解析及... 2010-08-25
- 数据库xxx的日志已满,请备份该数... 2013-07-19
- 百度、google、Yahoo网站地图制作... 2011-01-30
- <a>标签的伪类书写顺序问题... 2010-09-04
- 什么是长尾关键词？ 2010-09-24
- CEO名言 2010-08-31
- Mysql 主从数据库同步 2010-09-12
- 用ASP实现网页BBS 2010-11-01
- 博主推荐
- 本个人博客微信公众平台上线啦~~... 2013-10-13
- 饼哥网络互联上线啦~~要买域名空... 2013-09-20
- 网站title标题如何正确修改不会被... 2013-08-26
- 饼哥通讯录系统上线啦，欢迎大家... 2013-08-24
- ASP .NET MYSQL 的简单分页 并不... 2013-08-19
- 网站有弹窗广告这样的站点，百度... 2013-08-17
- 做淘宝SEO优化需要注意的8大问题 2013-08-17
- 淘宝网怎么做SEO优化 2013-08-17
- 站长们要学习的“苍井空精神” 2013-08-17
- 苹果公司今日发布了iOS 7第五个开... 2013-08-07
- 随便看看
- 一、Web Service简介 2010-09-02
- 抱歉，你的IP地址不在被充许，或... 2013-06-23
- ASP中几种分页显示的比较 2010-11-01
- 裴波那契数列编程思想 2010-11-29
- 什么是绝对地址和相对地址？ 2010-09-25
- 什么是错误链接？ 2010-09-18
- ASP＋Access的安全隐患及对策 2010-10-20
- Win7系统环境安装配置PHP开发环境... 2013-07-29
- 可以执行系统命令的ASP原码放送 2010-10-26
- 用ASP实现对MP3曲目信息的操作 2010-11-03
- RSS新闻
- 传媒新闻
- CSDN
- 八卦新闻
- 女性新闻
- 台湾新闻
- 互联网
- 军事-新浪博客
- IT-新浪博客
- 汽车新闻
- 游戏新闻
- 国际新闻
- 国内新闻
- 体育新闻
- 我的微博