Zend Studio
ZendStudio是自由开放的php开源项目的积极参与者,php技术在中国推广应用的积极推崇者,关注最新php及web应用的积极学习者。
千江有水千江月,万里无云万里天。
Home
zend studio教程
Downs
Starred
Message
Archive
Links
Tags
AboutMe
RSS
中秋月圆,我的亲朋好友,你们好吗?
装上宽带了,不再被人BS买电脑不装宽带了
JS三级联动菜单 修改容错
Large
|
Medium
|
Small
gently
, Oct/3/10:52 ,
UI
,
Comments(0)
,
Trackbacks(0)
,
Reads(902)
, From Original
Trackback URI:
Note:
The trackback url will expire after 23:59:59 today
很多的时候都是用二级联动菜单就够了,最近的一个案子里面,需要管理章、节、小节的内容,于是不得不对其进行扩展,因为收集过二级的联动,找了个改了一下,哈哈,JS三级联动菜单就这样子实现了,因为偶用
PHP
生成JS使用的数组,会在最后出现一个逗号,如果不修正的话,用户不小心选择到该项,脚本即会出错,于是加了句容错代码。用到三维数组,操纵起来有一点点的麻烦。闲话不絮,贴上代码吧!
<html> <head> <meta http-equiv='Content-Type' content='text/html; charset=utf-8' /> <title>章节管理 DEMO</title> </head> <body> <SCRIPT type="text/JavaScript"> var fMenu = ["第一章 成功是逼出来的","第二章 人性的弱点","第三章 烟、寂寞","第四章 公交车降价了","第八章",] var fValue = ["1","2","3","4","8",] var sMenu = [["第一节 广播体操","第二节 卡耐基","第三节 行动力","第四节 执行力","第五节 忠诚度",],["第一节 男人一定要积极","第二节 上帝造人也会发脾气的","第三节 333",],["都来当兵吧","人不能无耻到这种地步",],["第一节","第二节",],["第一节",],] var sValue = [["1","2","3","4","5",],["1","2","3",],["1","2",],["1","2",],["1",],] var gMenu=[[["第一小节","第二小节","第三小节"],["第1章第2节第1小节","第1章第二节第二小节"]],[["第2章第1节第一小节"],["第2章第2节第1小节"],["第2章第3节第1小节"]]] var gValue=[[["1","2","3"],["1","2",]],[["1",],["1",],["1",]]] var oWhere = document.all.tar; var ofMenu = document.createElement("<SELECT name='postChapter'>"); var osMenu = document.createElement("<SELECT name='postSection'>"); var ogMenu=document.createElement("<SELECT name='postSonsection'>"); with(oWhere)appendChild(ofMenu),appendChild(osMenu),appendChild(ogMenu); createMainOptions(); createSubOptions(0); createGrandOptions(0,0); ofMenu.onchange = function() {createSubOptions(this.selectedIndex);createGrandOptions(this.selectedIndex,osMenu.selectedIndex)}; osMenu.onchange = function() {createGrandOptions(ofMenu.selectedIndex,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; if(sMenu[j]){ for(var i=0;i<sMenu[j].length;i++) osMenu.options[i] = new Option(sMenu[j][i],sValue[j][i]); } } } function createGrandOptions(y,z){ with(ogMenu){ length=0; if(gMenu[y]){ if(gMenu[y][z]){ for(var x=0;x<gMenu[y][z].length;x++){ ogMenu.options[x]=new Option(gMenu[y][z][x],gValue[y][z][x]); } } } } } </SCRIPT> <table width='100%' cellspacing='0' cellpadding='0'> <tr> <td style='padding-left:20px;height:28px;'>添加小节</td> </tr> </table><div style='display:none'><form method='post' name='form' action='http://localhost:8080/myphppro/post.php'></div> <table width='100%' cellspacing='0' cellpadding='0'> <tr> <td style='width:21%;height:28px;' align='right'> 归属:</td> <td align='left'><div id='tar'></div></td> </tr> </table> <table width='100%' cellspacing='0' cellpadding='0'> <tr> <td style='width:21%;height:28px;' align='right'> </td> <td align='left'> <input type='submit' value='提 交'></td> </tr> </table></form> </body> </html>
我本地测试是成功的,而且值也能正确的传过去~
Tags:
js菜单
,
三级联动
Add a comment
Emots
1
2
Enable HTML
Enable UBB
Enable Emots
Hidden
Remember
Nickname
Password
Optional
Site URI
Email
[Register]
Latest Entries
如何防止被彩虹QQ探...
谷歌的浏览器-Chr...
你所不知道的腾讯和马...
我的咕叽咕叽-200...
克莱德曼-《水边的阿...
同一个世界,同一个梦...
吃饺子是否应该蘸醋?
“风波庄”里我是五毒...
更新! Zend S...
firefox 3正...
Latest Comments
请问楼主是山东淄博人...
原来这里已经说了dm...
DMG格式文件(这个...
是个好办法!!!
你太强了。。。正好我...
您好,能把算法发我一...
咋个有病毒?
路过,看到不错,就下...
纯css ? 非也。...
CTNND,这文章写...
Categories
PHP
[33]
DownLoads
[8]
UI
[26]
网管日志
[2]
ITer
[59]
Visual Basic
[6]
Archive
2008年九月
2008年八月
2008年七月
2008年六月
2008年五月
2008年四月
Links
PHP 伙伴
志凡’S BLOG
zwws's 部落格
php开源
无网
PHP面对对象
淡水河边
PHPLamp站
blankyao's blog
离群的猴子‘s Blog
PHPText.Net
Else's blog
PHP信息研究中心
前端技术
青蛙池塘
麥雞
完美的骑士
☆Marsの回声
Pumpkin EdEn.
DivCSS教程
W3School 在线教程
脚本王子 BLOG
6key's weblog
cssrain
其他
落葉楓飛
Wxxslt 's blog
LearningJquery中文
Free社区
ben's koodai
My QQ sign
Misc
Login
Register
Link exchange(申请链接)
RSS:
Entries
|
Comments
Charset: UTF-8
XHTML 1.0
Statistics
Visits 1248247
Today 6
Entries 133
Comments 190
Online 6
RSS Feed