博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js下拉列表框的联动事件
阅读量:4211 次
发布时间:2019-05-26

本文共 1255 字,大约阅读时间需要 4 分钟。

对二维数组的实际应用
<
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
>

转载地址:http://xozmi.baihongyu.com/

你可能感兴趣的文章
photoshop cc2019快捷键
查看>>
pycharm2019版本去掉下划线的方法
查看>>
SQL中EXISTS的用法
查看>>
10丨案例:在JMeter中如何设置参数化数据?
查看>>
11丨性能脚本:用案例和图示帮你理解HTTP协议
查看>>
12丨性能场景:做参数化之前,我们需要考虑什么?
查看>>
九度OJ 1091:棋盘游戏 (DP、BFS、DFS、剪枝)
查看>>
九度OJ 1092:Fibonacci (递归)
查看>>
九度OJ 1093:WERTYU (翻译)
查看>>
九度OJ 1094:String Matching(字符串匹配) (计数)
查看>>
九度OJ 1095:2的幂次方 (递归)
查看>>
九度OJ 1471-1480(10/10)
查看>>
九度OJ 1481-1490(7/10)
查看>>
九度OJ 1491-1500(5/10)
查看>>
九度OJ 1501-1510(10/10)
查看>>
业务系统中,报表统计功能如何组织--统计分析模块参考
查看>>
面向数据集成的ETL技术研究
查看>>
DataStage(ETL)技术总结 -- 介绍篇(转载)
查看>>
Greenplum技术浅析--vs oracle RAC
查看>>
框架一
查看>>