资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
一个级联菜单(IE ONLY),不过代码很精简!
<html> <head> <title>无限级联下拉框</title> <style type="text/css"> <!-- td{font:normal 12px "宋体"} --> </style> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22javascript%22%20type%3D%22text%2Fjavascript%22%3E%20%0D%0A%3C!--%20%0D%0Avar%20strArea%20%3D%20new%20Array()%3B%20%0D%0A%0D%0AstrArea%5B0%5D%20%3D%20%5B'%E6%AD%A6%E6%B1%89'%2C'0'%2C'C'%5D%3B%2F%2F%5B'%E6%A0%87%E7%AD%BE'%2C'%E6%9C%AC%E8%BA%AB%E7%9A%84ID'%2C'%E4%B8%8A%E7%BA%A7%E8%8F%9C%E5%8D%95%E7%BC%96%E5%8F%B7'%5D%20%0D%0AstrArea%5B1%5D%20%3D%20%5B'%E6%88%90%E9%83%BD'%2C'1'%2C'C'%5D%3B%20%0D%0AstrArea%5B2%5D%20%3D%20%5B'%E5%8C%97%E4%BA%AC'%2C'2'%2C'C'%5D%3B%20%0D%0AstrArea%5B3%5D%20%3D%20%5B'%E6%AD%A6%E6%98%8C%E5%8C%BA'%2C'3'%2C'0'%5D%3B%20%0D%0AstrArea%5B4%5D%20%3D%20%5B'%E6%B4%AA%E5%B1%B1%E5%8C%BA'%2C'4'%2C'0'%5D%3B%20%0D%0AstrArea%5B5%5D%20%3D%20%5B'%E9%9D%92%E5%B1%B1%E5%8C%BA'%2C'5'%2C'0'%5D%3B%20%0D%0AstrArea%5B6%5D%20%3D%20%5B'%E6%B1%89%E9%98%B3%E5%8C%BA'%2C'6'%2C'0'%5D%3B%20%0D%0AstrArea%5B7%5D%20%3D%20%5B'%E5%8F%8C%E6%B5%81%E5%8E%BF'%2C'7'%2C'1'%5D%3B%20%0D%0AstrArea%5B8%5D%20%3D%20%5B'%E6%96%B0%E6%B4%A5%E5%8E%BF'%2C'8'%2C'1'%5D%3B%20%0D%0AstrArea%5B9%5D%20%3D%20%5B'%E5%A4%A7%E9%82%91%E5%8E%BF'%2C'9'%2C'1'%5D%3B%20%0D%0AstrArea%5B10%5D%20%3D%20%5B'%E9%83%BD%E6%B1%9F%E5%A0%B0'%2C'10'%2C'1'%5D%3B%20%0D%0AstrArea%5B11%5D%20%3D%20%5B'%E4%B8%9C%E5%9F%8E%E5%8C%BA'%2C'11'%2C'2'%5D%3B%20%0D%0AstrArea%5B12%5D%20%3D%20%5B'%E8%A5%BF%E5%9F%8E%E5%8C%BA'%2C'12'%2C'2'%5D%3B%20%0D%0AstrArea%5B13%5D%20%3D%20%5B'%E5%B4%87%E6%96%87%E5%8C%BA'%2C'13'%2C'2'%5D%3B%20%0D%0AstrArea%5B14%5D%20%3D%20%5B'%E6%9C%9D%E9%98%B3%E5%8C%BA'%2C'14'%2C'2'%5D%3B%20%0D%0AstrArea%5B15%5D%20%3D%20%5B'%E5%AE%A3%E6%AD%A6%E5%8C%BA'%2C'15'%2C'2'%5D%3B%20%0D%0AstrArea%5B16%5D%20%3D%20%5B'%E6%B5%B7%E6%B7%80%E5%8C%BA'%2C'16'%2C'2'%5D%3B%20%0D%0AstrArea%5B17%5D%20%3D%20%5B'%E4%B8%9C%E7%9B%B4%E9%97%A8'%2C'17'%2C'11'%5D%3B%20%0D%0AstrArea%5B18%5D%20%3D%20%5B'%E5%8C%97%E6%96%B0%E6%A1%A5'%2C'18'%2C'11'%5D%3B%20%0D%0AstrArea%5B19%5D%20%3D%20%5B'%E4%BA%A4%E9%81%93%E5%8F%A3'%2C'19'%2C'11'%5D%3B%20%0D%0A%0D%0A%2F%2F%20%E6%B8%85%E7%A9%BA%E5%88%97%E8%A1%A8%20%0D%0Afunction%20ddl_Clear(ddl_name)%7B%20%0D%0A%20%20%20%20var%20obj%20%3D%20document.getElementById(ddl_name)%3B%20%0D%0A%20%20%20%20for(var%20i%20%3D%20obj.options.length%20-%201%3Bi%20%3E%3D%200%3Bi--)%7B%20%0D%0A%20%20%20%20%20%20%20%20obj.options%5Bi%5D%20%3D%20null%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0A%0D%0A%2F%2F%20%E9%80%89%E4%B8%AD%E5%8C%B9%E9%85%8D%E9%A1%B9%20%0D%0Afunction%20ddl_selected(ddl_name%2Cmatch_val%2CisValue)%7B%20%0D%0A%20%20%20%20var%20obj%20%3D%20document.getElementById(ddl_name)%3B%20%0D%0A%20%20%20%20for(%20var%20i%20%3D%200%3B%20i%20%3C%20obj.options.length%3B%20i%2B%2B%20)%7B%20%0D%0A%20%20%20%20%20%20%20%20var%20matchobj%20%3D%20obj.options%5Bi%5D.value%3B%20%0D%0A%20%20%20%20%20%20%20%20if(!isValue)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20matchobj%20%3D%20obj.options%5Bi%5D.Text%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20if(match_val%20%3D%3D%20matchobj)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20obj.options%5Bi%5D.selected%20%3D%20%22selected%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0A%0D%0A%2F%2F%20%E5%8E%BB%E6%8E%89%E6%89%80%E6%9C%89%E7%A9%BA%E6%A0%BC%20%0D%0Afunction%20delspace(findstr)%7B%20%0D%0A%20%20%20%20%2F%2F%20%E5%85%88%E5%8E%BB%E6%8E%89%E7%A9%BA%E6%A0%BC%20%0D%0A%20%20%20%20var%20myfind%20%3D%20findstr%3B%20%0D%0A%20%20%20%20%2F%2F%20%E5%9B%A0%E4%B8%BA%E8%BF%99%E9%87%8C%E7%9A%84.replace%20%E5%8F%AA%E6%9B%BF%E6%8D%A2%E5%BD%93%E5%89%8D%E6%89%BE%E5%88%B0%E7%9A%84%E7%AC%AC%E4%B8%80%E4%B8%AA%E3%80%82%E6%89%80%E4%BB%A5%E8%BF%99%E9%87%8C%E7%94%A8%E5%BE%AA%E7%8E%AF%20%0D%0A%20%20%20%20for(var%20i%20%3D%200%3B%20i%20%3C%20findstr.length%3B%20i%2B%2B)%7B%20%0D%0A%20%20%20%20%20%20%20%20var%20myfind%20%3D%20myfind.replace(%22%20%22%2C%22%22)%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20return%20myfind%3B%20%0D%0A%7D%20%0D%0A%0D%0A%2F%2F%20%E5%88%9D%E5%A7%8B%E5%8C%96%E7%AC%AC%E4%B8%80%E4%B8%AA%E4%B8%8B%E6%8B%89%E5%88%97%E8%A1%A8%E5%86%85%E5%AE%B9%20%0D%0Afunction%20ddl_Bind(ddl_name%2CbindData%2Ckeyword)%7B%20%0D%0A%20%20%20%20%2F%2F%20%E8%8E%B7%E5%BE%97%E4%B8%80%E7%B1%BB%E4%B8%8B%E6%8B%89%E5%88%97%E8%A1%A8%E5%AF%B9%E8%B1%A1%20%0D%0A%20%20%20%20var%20obj%20%3D%20document.getElementById(ddl_name)%3B%20%0D%0A%20%20%20%20%20%0D%0A%20%20%20%20for(%20var%20i%20%3D%200%3Bi%20%3C%20bindData.length%3B%20i%2B%2B%20)%7B%20%0D%0A%20%20%20%20%20%20%20%20if(bindData%5Bi%5D%5B2%5D%20%3D%3D%20keyword)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(i%20%3D%3D%200)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(bindData%5Bi%5D%5B0%5D%20!%3D%20%22%22)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20obj.add(new%20Option(bindData%5Bi%5D%5B0%5D%2CbindData%5Bi%5D%5B1%5D))%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20else%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20obj.add(new%20Option(bindData%5Bi%5D%5B0%5D%2CbindData%5Bi%5D%5B1%5D))%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%20%20%20%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20var%20num%20%3D%202%3B%20%0D%0A%20%20%20%20var%20subValue%20%3D%20obj.options%5Bnum%5D.value%3B%20%0D%0A%20%20%20%20%20%0D%0A%20%20%20%20ddl_selected(ddl_name%2C%20num%2C%20true)%20%0D%0A%20%20%20%20ddl_changed('section'%2C%20subValue%2C%20strArea)%3B%20%0D%0A%7D%20%0D%0A%0D%0A%2F%2F%20%E5%88%97%E8%A1%A8%E5%86%85%E5%AE%B9%E5%8F%98%E5%8C%96%E6%97%B6%EF%BC%8C%E5%AE%9E%E7%8E%B0%E5%85%B6%E5%AD%90%E5%88%97%E8%A1%A8%E5%8A%A8%E6%80%81%E5%8A%A0%E8%BD%BD%20%0D%0Afunction%20ddl_changed(ddl_name%2Ckeywords%2Cddl_data)%7B%20%20%20%20%20%0D%0A%20%20%20%20%2F%2F%20%E8%8E%B7%E5%BE%97%E4%B8%80%E7%B1%BB%E4%B8%8B%E6%8B%89%E5%88%97%E8%A1%A8%E5%AF%B9%E8%B1%A1%20%0D%0A%20%20%20%20var%20obj%20%3D%20document.getElementById(ddl_name)%3B%20%0D%0A%20%20%20%20%2F%2F%20%E6%B7%BB%E5%8A%A0%E4%B8%8B%E4%B8%80%E7%BA%A7%E5%88%86%E7%B1%BB%E7%9A%84%E8%AE%A1%E6%95%B0%E5%99%A8%20%0D%0A%20%20%20%20var%20m%20%3D%200%3B%20%0D%0A%20%20%20%20%20%0D%0A%20%20%20%20ddl_Clear(ddl_name)%3B%20%0D%0A%20%20%20%20%2F%2F%20%E5%85%88%E6%B7%BB%E5%8A%A0%E4%B8%80%E4%B8%AA'%E6%A0%87%E9%A2%98'%20%0D%0A%20%20%20%20%2F%2F%20%E6%B7%BB%E5%8A%A0%E4%B8%8B%E4%B8%80%E7%BA%A7%E5%88%86%E7%B1%BB%20%0D%0A%20%20%20%20for(%20var%20i%20%3D%200%3B%20i%20%3C%20ddl_data.length%3B%20i%2B%2B%20)%7B%20%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20if(%20ddl_data%5Bi%5D%5B2%5D%20%3D%3D%20keywords%20)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20obj.options%5Bm%5D%20%3D%20(%20new%20Option(%20ddl_data%5Bi%5D%5B0%5D%2Cddl_data%5Bi%5D%5B1%5D%20)%20)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20m%20%3D%20m%20%2B%201%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%7D%20%20%20%0D%0A%20%20%20%20obj.fireEvent(%22onchange%22)%3B%20%0D%0A%7D%20%0D%0A%0D%0A%0D%0A%2F%2F--%3E%20%0D%0A%3C%2Fscript%3E"> </head> <body onLoad="ddl_Bind('city',strArea,strArea[0][2]);"> <table width="360" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#E2E2E2"> <tr> <td width="120" align="center" valign="middle" bgcolor="#F8F8F8">城市： <select id="city" name="city" onChange="ddl_changed('section',this.value,strArea)"> </select></td> <td width="120" align="center" valign="middle" bgcolor="#F8F8F8">地区： <select id="section" name="section" onChange="ddl_changed('field',this.value,strArea)"> </select> </td> <td width="120" align="center" valign="middle" bgcolor="#F8F8F8">片区： <select id="field" name="field"> </select> </td> </tr> </table> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程