javascript 联动菜单V1.0(简单二级菜单)
来源:互联网 发布:hybrid端口 编辑:程序博客网 时间:2024/05/21 22:56
HTML代码
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><body><select name="省" id ="pro" onchange="linkmenu();"></select><select name="市" id="city"></select><script type="text/javascript" src="test.js"></script></body></html>javascript代码
var proName=["--请选择--","湖南","湖北"];var cityName=[["长沙","怀化"],["武汉","黄石"]];var proOptiion="";//初始化第一级菜单,省for(var i=-1;i<proName.length-1;i++){proOptiion+='<option value="' +i+ '">'+proName[i+1]+'</option>';}document.getElementById("pro").innerHTML=proOptiion;//第一级菜单改变时触发第二级菜单的函数function linkmenu(){cityOption=" ";var selectValue = document.getElementById("pro").value;var cityNumber=cityName[selectValue].length;for (var i = 0; i < cityNumber; i++){cityOption+='<option value="'+i+'">'+cityName[selectValue][i]+'</option>';}document.getElementById("city").innerHTML=cityOption;}
0 0
- javascript 联动菜单V1.0(简单二级菜单)
- JavaScript 二级菜单联动
- JavaScript二级联动菜单代码
- asp+javascript 二级联动菜单
- Javascript实现二级联动菜单
- 简单的二级联动菜单
- 简单二级联动菜单实现
- 简单的二级联动菜单
- 二级联动菜单,简单实现
- 二级联动菜单,简单实现
- JavaScript实际应用:简单二级联动菜单实现
- JavaScript实际应用:简单二级联动菜单实现
- JavaScript实际应用:简单二级联动菜单实现
- JavaScript实际应用:简单二级联动菜单实现
- JavaScript实际应用:简单二级联动菜单实现
- JavaScript实际应用:简单二级联动菜单实现
- 用JavaScript写一个简单的二级联动菜单
- 省市二级联动菜单javascript版
- Java总结篇系列:Java多线程(一)
- 网络编程_网络编程、UDP、TCP总结
- Error: listen EADDRNOTAVAIL 192.168.1.113:8888 at Object.exports._errnoException (util.js:1022:1
- poj 1984 (并查集 更新各点的相对位置)
- CPP_Basic_Summary_0.7
- javascript 联动菜单V1.0(简单二级菜单)
- 求长方体的长、宽、高 体积和三个面的面积(Java)
- MySQL 1042, "Can't get hostname for your address"问题解决方案
- arcgis for android Geometry获取中心点
- 虚继承和虚函数继承
- 【 日常 】 小排序合集 17年4月12日22:17 [ 10 ]
- XDOJ-1028-数字工程(dp)
- 24点游戏
- C语言复习——数组、字符串