这篇文章介绍了js下拉框二级关联菜单效果代码具体实现，有需要的朋友可以参考一下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />

<title>双选择关联菜单-www.jbxue.com</title>

</head>

<body>

<form name="doublecombo">

<p>

<select name="example" size="1" onChange="redirect(this.options.selectedIndex)">

<option>特效代码</option>

<option>网页语言</option>

<option>软件教程</option>

</select>

<select name="stage2" size="1">

<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=document.doublecombo.example.options.length

var group=new Array(groups)

for (I=0; I<groups; I++)

group[I]=new Array()

group[0][0]=new Option("鼠标类","/texiao/shubiao")

group[0][1]=new Option("窗口类","/texiao/chuangkou")

group[0][2]=new Option("导航类","/texiao/daohang")

group[1][0]=new Option("ASP","/yuyan/asp")

group[1][1]=new Option("PHP","/yuyan/php")

group[1][2]=new Option("JSP","/yuyan/jsp")

group[2][0]=new Option("Dreamweaver","/ruanjian/Dreamweaver")

group[2][1]=new Option("Fireworks","/ruanjian/Fireworks")

group[2][2]=new Option("Flash","/ruanjian/Flash")

group[2][3]=new Option("Photoshop","/ruanjian/Photoshop")

var temp=document.doublecombo.stage2

function redirect(x){

for (m=temp.options.length-1;m>0;m--)

temp.options[m]=null

for (I=0;I<group[x].length;I++){

temp.options[I]=new Option(group[x][I].text,group[x][I].value)

}

temp.options[0].selected=true

}

function go(){

location=temp.options[temp.selectedIndex].value

} //来源：脚本学堂

//-->

</script>

</form>

</body>

</html></td>

</tr>

</table>

js下拉框二级关联菜单效果代码具体实现的更多相关文章

  1. jQuery自定义漂亮的下拉框插件8种效果演示

    原始的下拉框不好看这里推荐一个jQuery自定义漂亮的下拉框插件8种效果演示 在线预览 下载地址 实例代码 <!DOCTYPE html> <html lang="en&q ...

  2. jQuery下拉框插件8种效果

    jQuery自定义漂亮的下拉框插件8种效果 jquery美化选择器实例有:边框.下划线. 伸缩 .滑动. 覆盖. 旋转. 弹出层选择 .环形效果. 在线预览 <body class=" ...

  3. js下拉框

    Js下拉框   http://sc.chinaz.com/tag_jiaoben/XiaLaKuang.html

  4. js 下拉框效果

    <script type="text/javascript"> window.onload = function () { ]; ]; var aLi = oSub.g ...

  5. C# MVC LayUI实现下拉框二级联动

    一.layui.use 1.LayUI的官方使用文档:https://www.layui.com/doc/ 2.layui的内置模块不是默认就加载好的,必须要执行启动模块的这种方法后模块才会加载: 3 ...

  6. Ajax来实现下拉框省市区三级联动效果（服务端基于express）

    //服务端JS代码: //提供服务端的处理 const express = require('express'); const fs = require('fs'); const app = expr ...

  7. asp 下拉框二级联动

    <script language = "JavaScript"> //js开始 var aaa;//定义aaa变量 aaa=0;//aaa赋0 bb = new Arr ...

  8. css之实现下拉框自上而下展开动画效果&&自下而上收起动画效果

    HTML代码: <div className={CX('font-size-selector-sub-list', { show: shouldSubListShow === true, hid ...

  9. js下拉框去掉重复的

    想用jquery代码实现这样的一个功能:有一个下拉框,当选择下拉框的时候,判断选择的值有没有被选择过,如果有则提示:代码如下: $(function(){ var authTypes=new Arra ...

随机推荐

  1. MongoDB社区版本和企业版本差别

    MongoDB社区版本和企业版本差异主要体现在安全认证.系统认证等方面,具体信息参考下表: 版本特性 社区版本 企业版本 JSON数据模型.自由模式 支持 支持 水平扩展的自动分片功能 支持 支持 内 ...

  2. linux cp覆盖每次都有提示

    1.cp命令,目标已经存在,每次都提示是否覆盖,怎么办? 2.cp --help 可以看到选项-i的时候,才会提示,但是这里并没有-i,为什么每次都有提示? 3.原因是:这里执行的cp是一个别名,通过 ...

  3. Linux学习笔记--which命令(搜索命令的命令)

    which.哪一个的意思.作用是从PATH环境变量指定的路径中,搜索命令所在位置及命令别名. which命令特点: 1) "which" 命令仅仅能查找系统命令.不能搜索普通文件. ...

  4. 算法笔记_193:历届试题 连号区间数(Java)

    目录 1 问题描述 2 解决方案   1 问题描述 问题描述 小明这些天一直在思考这样一个奇怪而有趣的问题: 在1~N的某个全排列中有多少个连号区间呢?这里所说的连号区间的定义是: 如果区间[L, R ...

  5. Menubar

    A menubar is a common part of a GUI application. It is a group of commands located in various menus. ...

  6. MongoDB和关系型数据库简单对比

    MongoDB 是一个跨平台的,面向文档的数据库,提供高性能,高可用性和可扩展性方便. MongoDB 工作在收集和文件的概念. 数据库:数据库是一个物理容器集合.每个数据库都有自己的一套文件系统上的 ...

  7. Adaptive Thresholding & Otsu’s Binarization

    Adaptive Thresholding Adaptive Method - It decides how thresholding value is calculated. cv2.ADAPTIV ...

  8. CreateThread、_beginthreadex和AfxBeginThread .

    创建线程好几个函数可以使用,可是它们有什么区别,适用于什么情况呢?参考了一些资料,写得都挺好的,这里做一些摘抄和整合. [参考1]CreateThread, AfxBeginThread,_begin ...

  9. bss段，代码段及数据段,堆栈段的区别

    bss段,代码段及数据段,堆栈段的区别 时间:2012-11-21 10:0772人阅读 BSS段:BSS段(bss segment)通常是指用来存放程序中未初始化的全局变量的一块内存区域.BSS是英 ...

  10. www.pythonchanlleges.com

    0. 2**38 1. 字符串映射 s = """ g fmnc wms bgblr rpylqjyrc gr zw fylb. rfyrq ufyr amknsrcpq ...