zoukankan
html css js c++ java
js 省市下拉列表联动
1.定义 城市 数据数组
2.得到 当前 所选择 的 省
3.得到 当前省 在 城市数组中的位置
4.得到 当前省 所辖制的 地市
5.填充 城市 下拉选单
----------
示例代码如下
<
html
>
<
head
>
<
title
></
title
>
<
script
language
="javascript"
type
="text/javascript"
>
//
定义 城市 数据数组
cityArray
=
new
Array();
cityArray[
0
]
=
new
Array(
"
河南省
"
,
"
郑州市|开封市|洛阳市|平顶山市|安阳市|鹤壁市|新乡市|焦作市|濮阳市|许昌市|漯河市|三门峡市|南阳市|商丘市|信阳市|周口市|驻马店市|济源市
"
);
cityArray[
1
]
=
new
Array(
"
云南省
"
,
"
昆明市|大理市|曲靖市|玉溪市|昭通市|楚雄市|红河市|文山市|思茅市|西双版纳市|保山市|德宏市|丽江市|怒江市|迪庆市|临沧市
"
);
cityArray[
2
]
=
new
Array(
"
其它
"
,
"
其它
"
);
function
getCity(currProvince)
{
//
当前 所选择 的 省
var
currProvince
=
currProvince;
var
i,j,k;
//
清空 城市 下拉选单
document.all.selCity.length
=
0
;
for
(i
=
0
;i
<
cityArray.length;i
++
)
{
//
得到 当前省 在 城市数组中的位置
if
(cityArray[i][
0
]
==
currProvince)
{
//
得到 当前省 所辖制的 地市
tmpcityArray
=
cityArray[i][
1
].split(
"
|
"
)
for
(j
=
0
;j
<
tmpcityArray.length;j
++
)
{
//
填充 城市 下拉选单
document.all.selCity.options[document.all.selCity.length]
=
new
Option(tmpcityArray[j],tmpcityArray[j]);
}
}
}
}
</
script
>
</
head
>
<
body
>
<
form
id
="form1"
>
<
select
id
="selProvince"
onChange
= "getCity(this.options[this.selectedIndex].value)"
>
<
option
value
=""
>
-请选择-
</
option
>
<
option
value
="河南省"
>
河南省
</
option
>
<
option
value
="云南省"
>
云南省
</
option
>
<
option
value
="其它"
>
其它
</
option
>
</
select
>
<
select
id
="selCity"
>
<
option
>
-城市-
</
option
>
</
select
>
</
form
>
</
body
>
</
html
>
查看全文
相关阅读:
Hdu3022 Sum of Digits
bzoj3864 Hero meet devil
bzoj2448 挖油
poj3783 Balls
bzoj3802 Vocabulary
Hdu5181 numbers
Hdu5693 D Game
图形填充之边标志算法
图形填充之栅栏填充算法
图形填充之种子填充算法
原文地址:https://www.cnblogs.com/freeliver54/p/597625.html
最新文章
12、android socket使用demo:网络聊天
11、智石使用记录
cat > xxx << EOF 报错 -bash: command substitution:行1: `job=<job_name>'
git文件上传到gitlab文档
jenkins job 杀掉端口pid
jenkins job 远程编写并执行脚本
二进制部署kubernetes1.4文档
echo 远程多行输入
ftp下载目录文件 不需要ftp脚本
ftp 拉去远程文件脚本
热门文章
jenkins job 杀进程不成功解决办法
git clone 免秘钥
Java之Collections.emptyList()、emptySet()、emptyMap()的作用和好处以及要注意的地方
Inferred type 'S' for type parameter 'S' is not within its bound;
后台购物车设计
Java常考面试题(一)
使用token实现在有效期内APP自动登录功能
bzoj3900 交换茸角
bzoj4069 [Apio2015]巴厘岛的雕塑
bzoj3668 [Noi2014]起床困难综合症
Copyright © 2011-2022 走看看