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

Javascript
DOM相关内容速查手册
[转]JS宝典学习笔记
背景，文字渐变（无闪屏）
一个仿DOS的Loading效果
JavaScript使用prototype定义对象类型
如何用JS获取带“\”字符串的中间值？
如何识别上传前检测的图像是有效的方法
js模拟滤镜的图片渐显效果
如何用javascript去掉字符串里的所有空格
javascript如何判断数组内元素是否重复的方法集锦
控制打印时页眉角的代码
模仿Flash AS效果的导航菜单
页面自定义拖拽布局
js判断浏览器的比较全的代码
又一日历输入效果没考虑兼容性，IE通过
项目添加
[转]prototype 源码解读 超强推荐
JAVASCRIPT对象及属性
JavaScript解决Joseph问题
实例：用 JavaScript 来操作字符串(一些字符串函数)

No. « 48 49 50 51 »

技术文章搜索

关键字

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

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-09-12   浏览: 427 ::
收藏到网摘: 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]);
}
}
}