非常简单的二级联动js菜单 [收藏]
来源:互联网 发布:昆仑大数据 编辑:程序博客网 时间:2024/05/26 19:18
<TITLE>二级联动</TITLE>
<STYLE>
body { font-size: 11px; font-family: Verdana;background:#ececec;color:#666666;}
select { font-size: 11px; font-family: Verdana;vertical-align: middle;margin: 3px;background:#ececec;color:#666666;}
</STYLE>
<div id="tar"></div>
<SCRIPT LANGUAGE="JavaScript" DEFER>
var fMenu = ["上海","北京","广东","南京"]
var fValue = ["shanghai","beijing","guadong","nanjing"]
var sMenu = [["杨浦区","徐汇区","黄浦区","卢湾区"],["丰台区","宝定区"],["广州","深圳"],["雨花台"]]
var sValue = [["yp","xh","hp","lw"],["ft","bd"],["gz","sz"],["yht"]]
var oWhere = document.all.tar;
var ofMenu = document.createElement("<SELECT name='main'>");
var osMenu = document.createElement("<SELECT name='sub'>");
with(oWhere)appendChild(ofMenu),appendChild(osMenu);
createMainOptions();
createSubOptions(0);
ofMenu.onchange = function() {createSubOptions(this.selectedIndex);};
function createMainOptions() {
for(var i=0;i<fMenu.length;i++)ofMenu.options[i] = new Option(fMenu[i],fValue[i]);
}
function createSubOptions(j) {
with(osMenu) {
length=0;
for(var i=0;i<sMenu[j].length;i++)osMenu.options[i] = new Option(sMenu[j][i],sValue[j][i]);
}
}
</SCRIPT>
<div style="background:#E7E3DE;text-align:right;font-family:'Arial';font-size:10px;margin-top:10px;"><a href="mailto:cloudchen@yeah.net">mailto:cloudchen</a></div><div style="background:#666666;color:white;font-family:'Arial';font-size:10px;">2003.8.19</div>
- 非常简单的二级联动js菜单 [收藏]
- 非常简单的二级联动菜单 [收藏]
- 简单的二级联动菜单
- 简单的二级联动菜单
- [js]实现简单的省市二级联动下拉选择菜单
- 简单的js二级联动
- js二级联动菜单
- js 二级联动菜单
- JS二级联动菜单
- js 二级联动菜单
- js二级联动菜单
- js二级联动菜单
- js 二级联动菜单
- js-----二级菜单联动
- JS结合数据库的二级联动菜单
- jsp+js实现的二级联动菜单
- jsp+js实现的二级联动菜单
- JS二级菜单联动遇到的错误
- 最近的几点收获和自我认识
- 2007.12.27
- 哈佛成功金句25则(1)
- delphi关于线程的消息处理_delphi教程
- IE 7 BETA 2安装后启动出错
- 非常简单的二级联动js菜单 [收藏]
- 非常简单的二级联动菜单 [收藏]
- 中国的银行:你咋就这么霸王?!
- 几种所见所得的在线编辑器
- SYSTEM32 下的几乎所有文件的简单说明
- Oracle函数返回游标,在JAVA中显示结果
- JavaScript简介
- 小巧可爱的MiniDraw
- STL map常用操作简介