当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javawscript 三级菜单的实现原理

Javascript
推荐:极酷右键菜单
跟随鼠标旋转的文字
拖动层效果，兼容IE和FF!
由 element.appendChild(newNode) ,谈开去
发个自己写的表格操作类(添加，删除，排序，上移，下移)
小议Function.apply() 之一------(函数的劫持与对象的复制)
小议Function.apply()之二------利用Apply的参数数组化来提高 JavaScript程序性能
JavaScript中令你抓狂的魔术变量
[原创]网络复制内容时常用的正则+editplus
createElement和onclick
很有趣的一段textarea
用 JavaScript 给站外链接的 cursor 进行改造
一段好玩的JavaScript代码
IE中实现全屏广告代码，霸道无比.
phpwind放自动注册方法
线路分流自动跳转代码；希望对大家有用！
鼠标放在放在输入框上面提示效果
常用js脚本
硬盘浏览程序，保存成网页格式便可使用
Js的MessageBox

No. « 33 34 35 36 »

技术文章搜索

关键字

Javascript 中的 javawscript 三级菜单的实现原理

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-09-12   浏览: 294 ::
收藏到网摘: n/a

javawscript 三级菜单的实现代码。
省份：
城市：
区县：

省份,城市，区县数据结构：【名称，父类ID,当前ID】

onChange="changelocation2(document.editForm.smalllocation.options[document.editForm.smalllocation.selectedIndex].value)"

根据selectedIndex取得下一级关联菜单的父类ID,

复制代码 代码如下:

function changelocation(locationid)
{
document.editForm.smalllocation.length = 0;
// document.editForm.dlmc0.length = 0;
document.getElementById("dlmc0").length=0;
//document.editForm.dlmc0.options[0] = new Option('==请选择==','');
document.getElementById("dlmc0").options[0] = new Option('==请选择==','');
//alert(locationid);
var locationid=locationid;
var i;
document.editForm.smalllocation.options[0] = new Option('==请选择==','');
for (i=0;i < onecount; i++)
{
if (subcat[i][1] == locationid)
{
document.editForm.smalllocation.options[document.editForm.smalllocation.length] = new Option(subcat[i][0], subcat[i][2]);
}
}
}