教程集 > 脚本编程 > javascript > 正文 js经典级联菜单

js经典级联菜单

发布时间：2016-10-24 编辑：jiaochengji.com

教程集为您提供js经典级联菜单等资源，欢迎您收藏本站，我们将为您提供最新的js经典级联菜单资源

提示：您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" >js经典级联菜单 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>js二级级联菜单</title> <script language="javascript"> var onecount; subcat = new Array(); subcat[0] = new Array("公司新闻","1","公司新闻"); subcat[1] = new Array("最新公告","1","最新公告"); subcat[2] = new Array("行业动态","2","行业动态"); subcat[3] = new Array("工程进展","2","工程进展"); subcat[4] = new Array("优秀员工","2","优秀员工"); onecount=5; function changelocation(locationid) { document.form1.SmallClassName.length = 1; var locationid=locationid; var i; for (i=0;i < onecount; i ) { if (subcat[i][1] == locationid) { document.form1.SmallClassName.options [document.form1.SmallClassName.length] = new Option(subcat[i][0], subcat[i] [2]); } } } function doChange(objText, objDrop){ if (!objDrop) return; var str = objText.value; var arr = str.split("|"); var nIndex = objDrop.selectedIndex; objDrop.length=1; for (var i=0; i<arr.length; i ){ objDrop.options[objDrop.length] = new Option(arr[i], arr[i]); } objDrop.selectedIndex = nIndex; } function form1_onsubmit() { if (document.form1.Title.value=="") { alert("文章标题不能为空！"); return false; } if (document.form1.SmallClassName.value=="") { alert("请指定子栏目！"); return false; } if (Editor1.getHTML()==""){ alert("文章内容不能为空！"); return false; } if (document.form1.Content.value.length>6553600) { alert("文章内容太长，超出了数据库的限制（64K）！建议将文章分成几部分录入。"); return false; } return true; } </script> </head> <body> <select name="BigClassName" onchange="changelocation (document.form1.BigClassName.options [document.form1.BigClassName.selectedIndex].value)"> <option value="1">新闻中心</option> <option value="2">企业文化</option> </select> </span> <select name="SmallClassName"> <option value="">不指定小类</option> <option value="公司新闻">公司新闻</option> <option value="最新公告">最新公告</option> <option value="行业动态">行业动态</option> <option value="工程进展">工程进展</option> <option value="优秀员工">优秀员工</option> </select> </body> </html></textarea>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
js经典级联菜单
 javascript 不用Cookie的防刷新二级高亮菜单
 div css 二级下拉菜单导航代码
 ajax级联菜单小例子
 jquery 利用show和hidden实现级联菜单示例代码
 js 三级折叠菜单代码效果
 jquery 无限级联菜单案例分享
 jquery仿京东导航/仿淘宝商城左侧分类导航下拉菜单效果
 js 获取下拉菜单的值传给文本框
 jQuery菜单插件 Smooth Navigational Menu

上一篇：js 超炫导航菜单下一篇：仿网易自适应宽度Tab选项卡菜单效果

[关闭]

js经典级联菜单

最近更新

浏览排行