<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
省：
<select style="width: 100px;" id="pre" onchange="chg(this);">
<option value="-1">请选择</option>
</select>
市：
<select style="width: 100px;" id="city" onchange="chg2(this)" ;></select>
区：
<select style="width: 100px;" id="area"></select>
</body>
<script>
//声明省
var pres = ["北京", "上海", "山东"]; //直接声明Array
//声明市
var cities = [
["东城", "昌平", "海淀"],
["浦东", "高区"],
["济南", "青岛"]
];
var areas = [
[
["东城1", "东城2", "东城3"],
["昌平1", "昌平2", "昌平3"],
["海淀1", "海淀2", "海淀3"]
],
[
["浦东1", "浦东2", "浦东3"],
["高区1", "高区2", "高区3"]
],
[
["济南1", "济南2"],
["青岛1", "青岛2"]
]
]
//设置一个省的公共下标
var pIndex = -1;
var preEle = document.getElementById("pre");
var cityEle = document.getElementById("city");
var areaEle = document.getElementById("area");
//先设置省的值
for (var i = 0; i < pres.length; i++) {
//声明option.<option value="pres[i]">Pres[i]</option>
var op = new Option(pres[i], i);
//添加
preEle.options.add(op);
}
function chg(obj) {
if (obj.value == -1) {
cityEle.options.length = 0;
areaEle.options.length = 0;
}
//获取值
var val = obj.value;
pIndex = obj.value;
//获取ctiry
var cs = cities[val];
//获取默认区
var as = areas[val][0];
//先清空市
cityEle.options.length = 0;
areaEle.options.length = 0;
for (var i = 0; i < cs.length; i++) {
var op = new Option(cs[i], i);
cityEle.options.add(op);
}
for (var i = 0; i < as.length; i++) {
var op = new Option(as[i], i);
areaEle.options.add(op);
}
}
function chg2(obj) {
var val = obj.selectedIndex;
var as = areas[pIndex][val];
areaEle.options.length = 0;
for (var i = 0; i < as.length; i++) {
var op = new Option(as[i], i);
areaEle.options.add(op);
}
}
</script>
</html>自己动手丰衣足食之三级联动
2016-03-10
1324
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
目录
相关文章
|
7月前
|
算法
程序员
C#
|
前端开发
JavaScript
算法
|
4月前
|
前端开发
容器
|
7月前
|
前端开发
|
7月前
|
前端开发
程序员
|
XML
前端开发
JavaScript
|
小程序
女神节你也能自己动手制作一个漂亮的微信小游戏
嗨！大家好，我是小蚂蚁。
这是我之前制作的一个非常漂亮的微信小游戏，你可以给予它进行改编，然后自己制作一个小游戏送给你想送的人。
我发现这篇文章每年至少可以发四次，情人节一次，女神节一次，520一次，七夕一次[阴险]。
今年的我做了点儿改进，增加了一首背景音乐，是经典的《卡农》钢琴曲，希望你喜欢。
97
0
0
|
Unix
C语言
C++
|
前端开发
|
XML
前端开发
程序员
热门文章
最新文章
1
天猫精灵开放平台-之小百科测评
2
语义检索系统：基于Milvus 搭建召回系统抽取向量进行检索，加速索引
3
3D立方体图片切换动画
4
模态对话框和非模态对话框
5
java03
6
冒泡排序
7
Windows XP客户端加域操作手册上
8
微信 6.5.1 for iOS发布 可以在朋友圈分享相册中的视频
9
Chapter 1: Creating the GUI Form and Adding Widgets
10
【Mockplus教程】帐号和购买
1
「Mac畅玩鸿蒙与硬件42」UI互动应用篇19 - 数字键盘应用
34
2
赋能加速AI应用交付，F5 BIG-IP Next for Kubernetes方案解读
30
3
RAG分块策略：主流方法（递归、jina-seg）+前沿推荐（Meta-chunking、Late chunking、SLM-SFT）
26
4
Python学习的自我理解和想法（2）
30
5
Transformer图解
36
6
API安全专题：如何有效应对新型Bot攻击？
18
7
Selenium IDE：Web自动化测试的得力助手
34
8
《docker高级篇（大厂进阶）：5.Docker-compose容器编排》包括是什么能干嘛去哪下、Compose核心概念、Compose使用三个步骤、Compose常用命令、Compose编排微服务
51
9
24/7全时守护：AI视频监控技术的深度实现与应用分享
43
10
《docker高级篇（大厂进阶）：6.Docker轻量级可视化工具Portainer》
27