js 省市下拉列表联动

1.定义城市数据数组
2.得到当前所选择的省
3.得到当前省在城市数组中的位置
4.得到当前省所辖制的地市
5.填充城市下拉选单
----------
示例代码如下

<html>

<head>

//定义城市数据数组

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>

</select>

</select>

</form>

</body>

</html>

转载于:https://www.cnblogs.com/freeliver54/archive/2006/12/20/597625.html

js 省市下拉列表联动相关推荐

JS省市二级联动菜单,sky整理收集。
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
JS省市地区联动（PCAS）
PCAS省市地区联动,可自定义显示的省市. 下载地址:http://download.csdn.net/source/3516743
js省市二级联动；)
HTML <form><select id="province"><option value="请选择">请选择</o ...
html省市二级简单联动,JS实现简单省市二级联动
刚始学习java刚好看到用js实现省市二级联动的效果,就想着写篇博客,顺便检验下自己的学习成果. 好了废话少说先看看实际效果: 技术分析: 要实现这个功能呢,首先要用到html+js 这里用建一个下拉 ...
使用js、jquery完成省市二级联动
2019独角兽企业重金招聘Python工程师标准>>> 使用js完成省市二级联动 <!DOCTYPE html> <html><head>< ...
html省市多级联动下拉框,基于javascript实现全国省市二级联动下拉选择菜单
本文实例讲述了js实现全国省市二级联动下拉选择菜单,分享给大家供大家参考.具体如下: 效果图: 具体代码: 无标题文档 //好像不是这样子 var arr_province = ["请选择省 ...
vue实现省市二级联动
1.定义两个select选项框,一个存放以及下拉列表,一个存放联动下拉列表.  <el-form-item label="选择省份:&q ...
Vue -- 配合iView实现省市二级联动
在实现省市二级联动时,如果省份和城市写在一个数组对象中.可以根据,点击某个省份时获取到目标省份的id 是否同数组中的某个对象id一致来判断 iView中的on-change事件 on-change ...
javascript省市三层联动，修改
/* PCAS (Province City Area Selector 省.市.地区联动选择JS封装类) Ver 2.01 完整版 *\ 制作时间:2005-12-30 更新时间:2006-01-2 ...

js 省市下拉列表联动

js 省市下拉列表联动相关推荐

最新文章

热门文章