javascript

位置:IT落伍者 >> javascript >> 浏览文章

js下拉框二级关联菜单效果代码


发布日期:2023年05月13日
 
js下拉框二级关联菜单效果代码

<!DOCTYPE html PUBLIC "//WC//DTD XHTML Transitional//EN" "

<html xmlns="<head><meta httpequiv="ContentType" content="text/html;charset=gb" /><title>双选择关联菜单</title></head><body><form name="doublecombo"><p><select name="example" size="" onChange="redirect(thisoptionsselectedIndex)"><option>特效代码</option><option>网页语言</option><option>软件教程</option></select><select name="stage" size=""><option value="/texiao/shubiao">鼠标类</option><option value="/texiao/chuangkou">窗口类</option><option value="/texiao/daohang">导航类</option></select><input type="button" name="test" value="Go!"onClick="go()"></p><script><!var groups=documentdoublecomboexampleoptionslengthvar group=new Array(groups)for (I=; I<groups; I++)group[I]=new Array()group[][]=new Option("鼠标类""/texiao/shubiao")group[][]=new Option("窗口类""/texiao/chuangkou")group[][]=new Option("导航类""/texiao/daohang")group[][]=new Option("ASP""/yuyan/asp")group[][]=new Option("PHP""/yuyan/php")group[][]=new Option("JSP""/yuyan/jsp")group[][]=new Option("Dreamweaver""/ruanjian/Dreamweaver")group[][]=new Option("Fireworks""/ruanjian/Fireworks")group[][]=new Option("Flash""/ruanjian/Flash")group[][]=new Option("Photoshop""/ruanjian/Photoshop")var temp=documentdoublecombostagefunction redirect(x){for (m=tempoptionslength;m>;m)tempoptions[m]=nullfor (I=;I<group[x]length;I++){tempoptions[I]=new Option(group[x][I]textgroup[x][I]value)}tempoptions[]selected=true}function go(){location=tempoptions[tempselectedIndex]value}//></script></form></body></html></td></tr></table>               

上一篇:jquery异步跨域访问代码

下一篇:JS 修改URL参数