javawscript 三级菜单的实现原理_javascript技巧
程序员文章站
2024-01-30 22:22:34
...
省份: | |
城市: | |
区县: |
省份,城市,区县数据结构:【名称,父类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 {
if (subcat[i][1] == locationid)
{
document.editForm.smalllocation.options[document.editForm.smalllocation.length] = new Option(subcat[i][0], subcat[i][2]);
}
}
}
推荐阅读
-
javawscript 三级菜单的实现原理_javascript技巧
-
JavaScript实现的伸展收缩型菜单代码_javascript技巧
-
js实现鼠标感应向下滑动隐藏菜单的方法_javascript技巧
-
jQuery实现可收缩展开的级联菜单实例代码_javascript技巧
-
js实现的四级左侧网站分类菜单实例_javascript技巧
-
javascript解析xml实现省市县三级联动的方法_javascript技巧
-
jQuery实现可收缩展开的级联菜单实例代码_javascript技巧
-
javascript实现跳转菜单的具体方法_javascript技巧
-
js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)_javascript技巧
-
Javascript实现动态菜单添加的实例代码_javascript技巧