二级连动菜单

<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%20%3D%20%22JavaScript%22%3E%20%0D%0Avar%20onecount%3B%20%0D%0Asubcat%20%3D%20new%20Array()%3B%20%0D%0Asubcat%5B0%5D%20%3D%20new%20Array(%22%E5%A5%A5%E8%BF%AAA4%22%2C%22%E5%A5%A5%E8%BF%AA%22%2C%22%E5%A5%A5%E8%BF%AAA4%22)%3B%20%20%20%20%20%20%20%20%20%0D%0Asubcat%5B1%5D%20%3D%20new%20Array(%22%E5%A5%A5%E8%BF%AAA6%22%2C%22%E5%A5%A5%E8%BF%AA%22%2C%22%E5%A5%A5%E8%BF%AAA6%22)%3B%20%20%20%20%20%20%20%20%20%0D%0Asubcat%5B2%5D%20%3D%20new%20Array(%22%E6%8D%B7%E8%BE%BE%22%2C%22%E5%A4%A7%E4%BC%97(%E4%B8%80%E6%B1%BD)%22%2C%22%E6%8D%B7%E8%BE%BE%22)%3B%20%20%20%20%20%20%20%20%20%0D%0Asubcat%5B3%5D%20%3D%20new%20Array(%22%E5%AE%9D%E6%9D%A5%22%2C%22%E5%A4%A7%E4%BC%97(%E4%B8%80%E6%B1%BD)%22%2C%22%E5%AE%9D%E6%9D%A5%22)%3B%20%20%20%20%20%20%20%20%20%0D%0Aonecount%3D3%3B%20%0D%0Afunction%20changelocation(locationid)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20document.form1.select.length%20%3D%201%3B%20%20%0D%0A%20%20%20%20var%20locationid%3Dlocationid%3B%20%0D%0A%20%20%20%20var%20i%3B%20%0D%0A%20%20%20%20for%20(i%3D0%3Bi%20%3C%20onecount%3B%20i%2B%2B)%20%0D%0A%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20(subcat%5Bi%5D%5B1%5D%20%3D%3D%20locationid)%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20document.form1.select.options%5Bdocument.form1.select.length%5D%20%3D%20new%20Option(subcat%5Bi%5D%5B0%5D%2Csubcat%5Bi%5D%5B2%5D)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%7D%0D%0A%3C%2Fscript%3E">
<form name=form1>
<select name="select1" onChange="changelocation(document.form1.select1.options[document.form1.select1.selectedIndex].value)" size="1">
<option value=奥迪>奥迪</option>
<option value=现代>现代</option>
<option value=菲亚特系列>菲亚特系列</option>
</select>
<select name="select">
<option value="" selected>未指定小类</option>
</select>
</form>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

<form name="doublecombo"> 
<p> 
<select name="example" size="1" onChange="redirect(this.options.selectedIndex)"> 
<option>国外javascript技术网站</option> 
<option>国内javascript技术网站</option> 
<option>国外的著名搜索引擎</option> 
</select> 
<select name="stage2" size="1"> 
<option value="http://wsabstract.com">Website Abstraction</option> 
<option value="http://www.dynamicdrive.com">Dynamicdrive.com</option> 
<option value="http://javascript.internet.com">javascript</option> 
</select> 
<input type="button" name="test" value="Go!" 
onClick="go()"> 
</p> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%20%0D%0A%3C!--%20%0D%0A%2F*%20%0D%0ADouble%20Combo%20Script%20Credit%20%0D%0ABy%20Website%20Abstraction%20(www.wsabstract.com)%20%0D%0AOver%20200%2B%20free%20javascripts%20here!%20%0D%0A*%2F%20%0D%0Avar%20groups%3Ddocument.doublecombo.example.options.length%20%0D%0Avar%20group%3Dnew%20Array(groups)%20%0D%0Afor%20(i%3D0%3B%20i%3Cgroups%3B%20i%2B%2B)%20%0D%0Agroup%5Bi%5D%3Dnew%20Array()%20%0D%0Agroup%5B0%5D%5B0%5D%3Dnew%20Option(%22Website%20Abstraction%22%2C%22http%3A%2F%2Fwsabstract.com%22)%20%0D%0Agroup%5B0%5D%5B1%5D%3Dnew%20Option(%22Dynamicdrive.com%22%2C%22http%3A%2F%2Fwww.dynamicdrive.com%22)%20%0D%0Agroup%5B0%5D%5B2%5D%3Dnew%20Option(%22javascript%22%2C%22http%3A%2F%2Fjavascript.internet.com%22)%20%0D%0Agroup%5B1%5D%5B0%5D%3Dnew%20Option(%22%E4%B8%87%E6%97%ADjavascript%E4%BB%93%E5%BA%93%22%2C%22http%3A%2F%2Fwww.wanxu.com%22)%20%0D%0Agroup%5B1%5D%5B1%5D%3Dnew%20Option(%22javascript2000%22%2C%22http%3A%2F%2Fwww.javascript2000.com%22)%20%0D%0Agroup%5B1%5D%5B2%5D%3Dnew%20Option(%22%E6%97%A0%E5%BF%A7%E8%84%9A%E6%9C%AC%22%2C%22http%3A%2F%2Fwww.51js.com%22)%20%0D%0Agroup%5B2%5D%5B0%5D%3Dnew%20Option(%22Hotbot%22%2C%22http%3A%2F%2Fwww.hotbot.com%22)%20%0D%0Agroup%5B2%5D%5B1%5D%3Dnew%20Option(%22Infoseek%22%2C%22http%3A%2F%2Fwww.infoseek.com%22)%20%0D%0Agroup%5B2%5D%5B2%5D%3Dnew%20Option(%22Excite%22%2C%22http%3A%2F%2Fwww.excite.com%22)%20%0D%0Agroup%5B2%5D%5B3%5D%3Dnew%20Option(%22Lycos%22%2C%22http%3A%2F%2Fwww.lycos.com%22)%20%0D%0Avar%20temp%3Ddocument.doublecombo.stage2%20%0D%0Afunction%20redirect(x)%7B%20%0D%0Afor%20(m%3Dtemp.options.length-1%3Bm%3E0%3Bm--)%20%0D%0Atemp.options%5Bm%5D%3Dnull%20%0D%0Afor%20(i%3D0%3Bi%3Cgroup%5Bx%5D.length%3Bi%2B%2B)%7B%20%0D%0Atemp.options%5Bi%5D%3Dnew%20Option(group%5Bx%5D%5Bi%5D.text%2Cgroup%5Bx%5D%5Bi%5D.value)%20%0D%0A%7D%20%0D%0Atemp.options%5B0%5D.selected%3Dtrue%20%0D%0A%7D%20%0D%0Afunction%20go()%7B%20%0D%0Alocation%3Dtemp.options%5Btemp.selectedIndex%5D.value%20%0D%0A%7D%20%0D%0A%2F%2F--%3E%20%0D%0A%3C%2Fscript%3E"> 
</form>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程