资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
JS多级连动菜单
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>JS联动下拉框</title> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta name="Originator" content="Microsoft Visual Studio .NET 7.1"> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22javascript%22%20%3E%20%0D%0A%20%20%2F*%20%20%20%0D%0A**%20%20%20%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%20%20%20%0D%0A**%20%20%20%20%E7%B1%BB%E5%90%8D%EF%BC%9ACLASS_LIANDONG_YAO%20%20%20%0D%0A**%20%20%20%20%E5%8A%9F%E8%83%BD%EF%BC%9A%E5%A4%9A%E7%BA%A7%E8%BF%9E%E5%8A%A8%E8%8F%9C%E5%8D%95%20%20%20%0D%0A**%20%20%20%20%20%0D%0A**%20%20%20%20%E4%BD%9C%E8%80%85%EF%BC%9AYAODAYIZI%20%20%20%0D%0A%0D%0A**%20%20%20%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%20%20%20%0D%0A**%2F%20%20%20%20%20%20%20%0D%0A%20%20function%20CLASS_LIANDONG_YAO(array)%20%0D%0A%20%20%7B%20%0D%0A%20%20%20%2F%2F%E6%95%B0%E7%BB%84%EF%BC%8C%E8%81%94%E5%8A%A8%E7%9A%84%E6%95%B0%E6%8D%AE%E6%BA%90%20%0D%0A%20%20%20%20%20%20this.array%3Darray%3B%20%20%0D%0A%20%20%20%20%20%20this.indexName%3D''%3B%20%0D%0A%20%20%20%20%20%20this.obj%3D''%3B%20%0D%0A%20%20%20%20%20%20%2F%2F%E8%AE%BE%E7%BD%AE%E5%AD%90SELECT%20%0D%0A%20%20%20%20%2F%2F%20%E5%8F%82%E6%95%B0%EF%BC%9A%E5%BD%93%E5%89%8Donchange%E7%9A%84SELECT%20ID%EF%BC%8C%E8%A6%81%E8%AE%BE%E7%BD%AE%E7%9A%84SELECT%20ID%20%0D%0A%20%20%20%20%20%20this.subSelectChange%3Dfunction(selectName1%2CselectName2)%20%0D%0A%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%2F%2Ftry%20%0D%0A%20%20%20%20%20%20%2F%2F%7B%20%0D%0A%20%20%20%20var%20obj1%3Ddocument.all%5BselectName1%5D%3B%20%0D%0A%20%20%20%20var%20obj2%3Ddocument.all%5BselectName2%5D%3B%20%0D%0A%20%20%20%20var%20objName%3Dthis.toString()%3B%20%0D%0A%20%20%20%20var%20me%3Dthis%3B%20%0D%0A%20%20%20%0D%0A%20%20%20%20obj1.onchange%3Dfunction()%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20me.optionChange(this.options%5Bthis.selectedIndex%5D.value%2Cobj2.id)%20%0D%0A%20%20%20%20%7D%20%0D%0A%0D%0A%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%2F%2F%E8%AE%BE%E7%BD%AE%E7%AC%AC%E4%B8%80%E4%B8%AASELECT%20%0D%0A%20%20%20%20%2F%2F%20%E5%8F%82%E6%95%B0%EF%BC%9AindexName%E6%8C%87%E9%80%89%E4%B8%AD%E9%A1%B9%2CselectName%E6%8C%87select%E7%9A%84ID%20%0D%0A%20%20%20%20%20%20this.firstSelectChange%3Dfunction(indexName%2CselectName)%20%20%20%0D%0A%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20this.obj%3Ddocument.all%5BselectName%5D%3B%20%0D%0A%20%20%20%20%20%20this.indexName%3DindexName%3B%20%0D%0A%20%20%20%20%20%20this.optionChange(this.indexName%2Cthis.obj.id)%20%0D%0A%0D%0A%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%0D%0A%20%20%2F%2F%20indexName%E6%8C%87%E9%80%89%E4%B8%AD%E9%A1%B9%2CselectName%E6%8C%87select%E7%9A%84ID%20%0D%0A%20%20%20%20%20%20this.optionChange%3Dfunction%20(indexName%2CselectName)%20%0D%0A%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20var%20obj1%3Ddocument.all%5BselectName%5D%3B%20%0D%0A%20%20%20%20var%20me%3Dthis%3B%20%0D%0A%20%20%20%20obj1.length%3D0%3B%20%0D%0A%20%20%20%20obj1.options%5B0%5D%3Dnew%20Option(%22%E8%AF%B7%E9%80%89%E6%8B%A9%22%2C'')%3B%20%0D%0A%20%20%20%20for(var%20i%3D0%3Bi%3Cthis.array.length%3Bi%2B%2B)%20%0D%0A%20%20%20%20%7B%20%20%20%20%20%0D%0A%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20if(this.array%5Bi%5D%5B1%5D%3D%3DindexName)%20%0D%0A%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%2F%2Falert(this.array%5Bi%5D%5B1%5D%2B%22%20%22%2BindexName)%3B%20%0D%0A%20%20%20%20%20%20obj1.options%5Bobj1.length%5D%3Dnew%20Option(this.array%5Bi%5D%5B2%5D%2Cthis.array%5Bi%5D%5B0%5D)%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%0D%0A%20%20%7D%20%0D%0A%20%20%3C%2Fscript%3E"> </head> <body> <form name="form1" method="post"> <SELECT ID="s1" NAME="s1" > <OPTION selected></OPTION> </SELECT> <SELECT ID="s2" NAME="s2" > <OPTION selected></OPTION> </SELECT> <SELECT ID="s3" NAME="s3"> <OPTION selected></OPTION> </SELECT> <SELECT ID="x1" NAME="x1" > <OPTION selected></OPTION> </SELECT> <SELECT ID="x2" NAME="x2" > <OPTION selected></OPTION> </SELECT> <SELECT ID="x3" NAME="x3"> <OPTION selected></OPTION> </SELECT> <SELECT ID="x4" NAME="x4"> <OPTION selected></OPTION> </SELECT> <SELECT ID="x5" NAME="x5"> <OPTION selected></OPTION> </SELECT> </form> </body> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22javascript%22%3E%20%0D%0A%20%20%20%20%2F%2F%E4%BE%8B%E5%AD%901-------------------------------------------------------------%20%0D%0A%20%20%20%20%2F%2F%E6%95%B0%E6%8D%AE%E6%BA%90%20%0D%0A%20%20var%20array%3Dnew%20Array()%3B%20%0D%0A%20%20array%5B0%5D%3Dnew%20Array(%22%E5%8D%8E%E5%8D%97%E5%9C%B0%E5%8C%BA%22%2C%22%E6%A0%B9%E7%9B%AE%E5%BD%95%22%2C%22%E5%8D%8E%E5%8D%97%E5%9C%B0%E5%8C%BA%22)%3B%20%2F%2F%E6%95%B0%E6%8D%AE%E6%A0%BC%E5%BC%8F%20ID%EF%BC%8C%E7%88%B6%E7%BA%A7ID%EF%BC%8C%E5%90%8D%E7%A7%B0%20%0D%0A%20%20array%5B1%5D%3Dnew%20Array(%22%E5%8D%8E%E5%8C%97%E5%9C%B0%E5%8C%BA%22%2C%22%E6%A0%B9%E7%9B%AE%E5%BD%95%22%2C%22%E5%8D%8E%E5%8C%97%E5%9C%B0%E5%8C%BA%22)%3B%20%0D%0A%20%20array%5B2%5D%3Dnew%20Array(%22%E4%B8%8A%E6%B5%B7%22%2C%22%E5%8D%8E%E5%8D%97%E5%9C%B0%E5%8C%BA%22%2C%22%E4%B8%8A%E6%B5%B7%22)%3B%20%0D%0A%20%20array%5B3%5D%3Dnew%20Array(%22%E5%B9%BF%E4%B8%9C%22%2C%22%E5%8D%8E%E5%8D%97%E5%9C%B0%E5%8C%BA%22%2C%22%E5%B9%BF%E4%B8%9C%22)%3B%20%0D%0A%20%20array%5B4%5D%3Dnew%20Array(%22%E5%BE%90%E5%AE%B6%E6%B1%87%22%2C%22%E4%B8%8A%E6%B5%B7%22%2C%22%E5%BE%90%E5%AE%B6%E6%B1%87%22)%3B%20%0D%0A%20%20array%5B5%5D%3Dnew%20Array(%22%E6%99%AE%E6%89%98%22%2C%22%E4%B8%8A%E6%B5%B7%22%2C%22%E6%99%AE%E6%89%98%22)%3B%20%20%20%20%20%0D%0A%20%20array%5B6%5D%3Dnew%20Array(%22%E5%B9%BF%E5%B7%9E%22%2C%22%E5%B9%BF%E4%B8%9C%22%2C%22%E5%B9%BF%E5%B7%9E%22)%3B%20%0D%0A%20%20array%5B7%5D%3Dnew%20Array(%22%E6%B9%9B%E6%B1%9F%22%2C%22%E5%B9%BF%E4%B8%9C%22%2C%22%E6%B9%9B%E6%B1%9F%22)%3B%20%0D%0A%20%20%2F%2F--------------------------------------------%20%0D%0A%20%20%2F%2F%E8%BF%99%E6%98%AF%E8%B0%83%E7%94%A8%E4%BB%A3%E7%A0%81%20%0D%0A%20%20var%20liandong%3Dnew%20CLASS_LIANDONG_YAO(array)%20%2F%2F%E8%AE%BE%E7%BD%AE%E6%95%B0%E6%8D%AE%E6%BA%90%20%0D%0A%20%20liandong.firstSelectChange(%22%E6%A0%B9%E7%9B%AE%E5%BD%95%22%2C%22s1%22)%3B%20%2F%2F%E8%AE%BE%E7%BD%AE%E7%AC%AC%E4%B8%80%E4%B8%AA%E9%80%89%E6%8B%A9%E6%A1%86%20%0D%0A%20%20liandong.subSelectChange(%22s1%22%2C%22s2%22)%3B%20%2F%2F%E8%AE%BE%E7%BD%AE%E5%AD%90%E7%BA%A7%E9%80%89%E6%8B%A9%E6%A1%86%20%0D%0A%20%20liandong.subSelectChange(%22s2%22%2C%22s3%22)%3B%20%0D%0A%20%20%20%0D%0A%20%20%20%0D%0A%20%20%20%20%2F%2F%E4%BE%8B%E5%AD%902-------------------------------------------------------------%20%0D%0A%20%20%20%20%2F%2F%E6%95%B0%E6%8D%AE%E6%BA%90%20%20%20%20%20%0D%0A%20%20var%20array2%3Dnew%20Array()%3B%2F%2F%E6%95%B0%E6%8D%AE%E6%A0%BC%E5%BC%8F%20ID%EF%BC%8C%E7%88%B6%E7%BA%A7ID%EF%BC%8C%E5%90%8D%E7%A7%B0%20%0D%0A%20%20array2%5B0%5D%3Dnew%20Array(%22%E6%B5%8B%E8%AF%95%E6%B5%8B%E8%AF%95%22%2C%22%E6%A0%B9%E7%9B%AE%E5%BD%95%22%2C%22%E6%B5%8B%E8%AF%95%E6%B5%8B%E8%AF%95%22)%3B%20%20%0D%0A%20%20array2%5B1%5D%3Dnew%20Array(%22%E5%8D%8E%E5%8C%97%E5%9C%B0%E5%8C%BA%22%2C%22%E6%A0%B9%E7%9B%AE%E5%BD%95%22%2C%22%E5%8D%8E%E5%8C%97%E5%9C%B0%E5%8C%BA%22)%3B%20%0D%0A%20%20array2%5B2%5D%3Dnew%20Array(%22%E4%B8%8A%E6%B5%B7%22%2C%22%E6%B5%8B%E8%AF%95%E6%B5%8B%E8%AF%95%22%2C%22%E4%B8%8A%E6%B5%B7%22)%3B%20%0D%0A%20%20array2%5B3%5D%3Dnew%20Array(%22%E5%B9%BF%E4%B8%9C%22%2C%22%E6%B5%8B%E8%AF%95%E6%B5%8B%E8%AF%95%22%2C%22%E5%B9%BF%E4%B8%9C%22)%3B%20%0D%0A%20%20array2%5B4%5D%3Dnew%20Array(%22%E5%BE%90%E5%AE%B6%E6%B1%87%22%2C%22%E4%B8%8A%E6%B5%B7%22%2C%22%E5%BE%90%E5%AE%B6%E6%B1%87%22)%3B%20%0D%0A%20%20array2%5B5%5D%3Dnew%20Array(%22%E6%99%AE%E6%89%98%22%2C%22%E4%B8%8A%E6%B5%B7%22%2C%22%E6%99%AE%E6%89%98%22)%3B%20%20%20%20%20%0D%0A%20%20array2%5B6%5D%3Dnew%20Array(%22%E5%B9%BF%E5%B7%9E%22%2C%22%E5%B9%BF%E4%B8%9C%22%2C%22%E5%B9%BF%E5%B7%9E%22)%3B%20%0D%0A%20%20array2%5B7%5D%3Dnew%20Array(%22%E6%B9%9B%E6%B1%9F%22%2C%22%E5%B9%BF%E4%B8%9C%22%2C%22%E6%B9%9B%E6%B1%9F%22)%3B%20%0D%0A%20%20array2%5B8%5D%3Dnew%20Array(%22%E4%B8%8D%E7%9F%A5%E9%81%93%22%2C%22%E6%B9%9B%E6%B1%9F%22%2C%22%E4%B8%8D%E7%9F%A5%E9%81%93%22)%3B%20%0D%0A%20%20array2%5B9%5D%3Dnew%20Array(%225555%22%2C%22%E6%B9%9B%E6%B1%9F%22%2C%22555%22)%3B%20%0D%0A%20%20array2%5B10%5D%3Dnew%20Array(%22%2B%2B%2B%2B%22%2C%22%E4%B8%8D%E7%9F%A5%E9%81%93%22%2C%22%2B%2B%2B%2B%22)%3B%20%0D%0A%20%20array2%5B11%5D%3Dnew%20Array(%22111%22%2C%22%E5%BE%90%E5%AE%B6%E6%B1%87%22%2C%22111%22)%3B%20%0D%0A%20%20array2%5B12%5D%3Dnew%20Array(%22222%22%2C%22111%22%2C%22222%22)%3B%20%0D%0A%20%20array2%5B13%5D%3Dnew%20Array(%22333%22%2C%22222%22%2C%22333%22)%3B%20%0D%0A%20%20%2F%2F--------------------------------------------%20%0D%0A%20%20%2F%2F%E8%BF%99%E6%98%AF%E8%B0%83%E7%94%A8%E4%BB%A3%E7%A0%81%20%0D%0A%20%20%2F%2F%E8%AE%BE%E7%BD%AE%E6%95%B0%E6%8D%AE%E6%BA%90%20%0D%0A%20%20var%20liandong2%3Dnew%20CLASS_LIANDONG_YAO(array2)%3B%20%0D%0A%20%20%2F%2F%E8%AE%BE%E7%BD%AE%E7%AC%AC%E4%B8%80%E4%B8%AA%E9%80%89%E6%8B%A9%E6%A1%86%20%0D%0A%20%20liandong2.firstSelectChange(%22%E6%A0%B9%E7%9B%AE%E5%BD%95%22%2C%22x1%22)%3B%20%0D%0A%20%20%2F%2F%E8%AE%BE%E7%BD%AE%E5%AD%90%E9%80%89%E6%8B%A9%E6%A1%86%20%0D%0A%20%20liandong2.subSelectChange(%22x1%22%2C%22x2%22)%20%0D%0A%20%20liandong2.subSelectChange(%22x2%22%2C%22x3%22)%20%0D%0A%20%20liandong2.subSelectChange(%22x3%22%2C%22x4%22)%20%0D%0A%20%20liandong2.subSelectChange(%22x4%22%2C%22x5%22)%20%0D%0A%20%20%20%20%3C%2Fscript%3E"> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程