级联菜单
来源:互联网 发布:笑话知乎 编辑:程序博客网 时间:2024/05/16 23:54
链接菜单城市方法一 方法二
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Select对象的属性演示</title>
<script type="text/javascript">
window.onload=function(){
var pcs=["河南省","河北省","江苏省","黑龙江省"];
var city1=["郑州市","洛阳市","安阳市","新乡市"];
var city2=["北京市","廊坊市","天津市","保定市"];
var city3=["南京市","上海市","苏州市","昆山市"];
var city4=["哈尔滨市","黑海市","牡丹江市","雅丹江市"];
var po=document.getElementById("po");
var city=document.getElementById("city");
for(i=0;i<pcs.length;i++){
po.add(new Option(pcs[i],i),null);
}
for(i=0;i<city1.length;i++){
city.add(new Option(city1[i],i),null);
}
po.onchange=function(){
city.innerHTML="";
var key=po.value;
if( key==0){
for(i=0;i<city1.length;i++){
city.add(new Option(city1[i],i),null);
}
}else if( key==1){
for(i=0;i<city2.length;i++){
city.add(new Option(city2[i],i),null);
}
}else if( key==2){
for(i=0;i<city3.length;i++){
city.add(new Option(city3[i],i),null);
}
}else if( key==3){
for(i=0;i<city4.length;i++){
city.add(new Option(city4[i],i),null);
}
}
}
}
</script>
</head>
<body>
<select id="po">
</select>
<select id="city">
</select>
</body>
</html>
方法二
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>简单的添加下拉菜单</title>
<style type="text/css">
body{
margin:10;
padding:0;
font-size:12px;
}
</style>
<script type="text/javascript">
window.onload = function(){
var cityList = new Array();
cityList['河北省'] = ['邯郸市','石家庄市'];
cityList['河南省'] = ['郑州市','洛阳市'];
cityList['湖北省'] = ['武汉市','宜昌市'];
var po = document.getElementById("selProvince");
var city = document.getElementById("selCity");
for(var i in cityList){
po.add(new Option(i,i),null);
}
for(var i in cityList['河北省']){
city.add(new Option(cityList['河北省'][i],cityList['河北省'][i]),null);
}
po.onchange = function(){
city.innerHTML = "";
var key = po.value;
for(var i in cityList[key]){
city.add(new Option(cityList[key][i],cityList[key][i]),null);
}
}
}
</script>
</head>
<body>
<select id="selProvince">
</select>
<select id="selCity">
</select>
</body>
</html>
- 级联菜单
- 级联菜单
- 级联菜单
- 级联菜单
- 级联菜单
- 菜单级联
- 菜单级联
- 级联菜单
- 级联菜单
- 级联菜单
- 级联菜单
- 级联菜单
- 级联菜单
- 级联菜单,省市级联菜单
- 级联菜单,两级菜单
- 多级级联菜单
- 无限级联动菜单
- DataGrid中的级联菜单
- System类
- Android测试流量的几种方法
- WebSocket协议详解
- HQL语句详解
- timer和其schedule的理解
- 级联菜单
- 蓝桥杯-Fibonacci数列
- [过滤器] -- behaviors过滤器
- 滴滴出行2017秋招笔试编程题(二)——地下迷宫、数字和为sum的方法数
- mysql 性能测试 参照
- System类-gc()
- Rxjava学习笔记
- 大数幂运算
- java8函数式编程之三:集合中新增的方法:forEach