菜单联动

最新推荐文章于 2024-05-06 18:26:11 发布
最新推荐文章于 2024-05-06 18:26:11 发布
阅读量263 收藏 1
点赞数
分类专栏： JavaScript 文章标签： redirect javascript website function cgi resources
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kong1yi/article/details/5809567
版权

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝三级关联菜单＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

 
将下面的代码复制到 <body> 内
<FORM name="isc">
<table border="0" cellspacing="0" cellpadding="0">
  <tr align="center">
    <td nowrap height="11"> &nbsp;

<select name="example" size="1" onChange="redirect
(this.options.selectedIndex)">
<option selected>---Select1-------------</option>
<option>Webmaster Sites</option>
<option>News Sites</option>
</select>

<select name="stage2" size="1" onChange="redirect1
(this.options.selectedIndex)">
<option value=" " selected> </option>
<option value=" " selected>---Select2--------------
</option>
<option value=" " selected>---Select2--------------
</option>
</select>

<select name="stage3" size="1" onChange="redirect2
(this.options.selectedIndex)">
<option value=" " selected> </option>
<option value=" " selected>---
Select3----------------</option>
<option value=" " selected>---
Select3----------------</option>
</select>

<script>
<!--

/*
Triple Combo Script Credit
By Hamid Cheheltani/ Website Abstraction
(http://www.wsabstract.com)
Visit http://wsabstract.com for this and over 400+
other scripts
*/

var groups=document.isc.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()

group[0][0]=new Option("---Select2---"," ");

group[1][0]=new Option("Now Select This One"," ");
group[1][1]=new Option("JavaScript","47");
group[1][2]=new Option("DHTML","46");
group[1][3]=new Option("CGI","45");

group[2][0]=new Option("Now Select This One"," ");
group[2][1]=new Option("General News","115");
group[2][2]=new Option("Technology News","116");

var temp=document.isc.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
redirect1(0)
}

 

var secondGroups=document.isc.stage2.options.length
var secondGroup=new Array(groups)
for (i=0; i<groups; i++)  {
secondGroup[i]=new Array(group[i].length)
for (j=0; j<group[i].length; j++)  {
secondGroup[i][j]=new Array()  }}

secondGroup[0][0][0]=new Option("---Select 3---","
");
secondGroup[1][0][0]=new Option("---Select 3---","
");
secondGroup[1][1][0]=new Option("Now Select This
One"," ");
secondGroup[1][1][1]=new Option("Website
Abstraction","http://wsabstract.com");
secondGroup[1][1][2]=new Option("JavaScript for the
non
programmer","http://webteacher.com/javascript/");
secondGroup[1][1][3]=new Option("Java-
Scripts.net","http://java-scripts.net");

secondGroup[1][2][0]=new Option("Now Select This
One"," ");
secondGroup[1][2][1]=new Option("Dynamic
Drive","http://www.dynamicdrive.com");
secondGroup[1][2][2]=new Option("Beginner/'s Guide
to
DHTML","http://www.geocities.com/ResearchTriangle/Fa
cility/4490/");
secondGroup[1][2][3]=new Option("Web
Coder","http://webcoder.com/");

secondGroup[1][3][0]=new Option("Now Select This
One"," ");
secondGroup[1][3][1]=new Option("CGI
Resources","http://www.cgi-resources.com");
secondGroup[1][3][2]=new Option("Ada/'s Intro to
CGI","http://adashimar.hypermart.net/");

secondGroup[2][0][0]=new Option("---Select 3---","
");
secondGroup[2][1][0]=new Option("Now Select This
One"," ");
secondGroup[2][1][1]=new Option
("CNN","http://www.cnn.com");
secondGroup[2][1][2]=new Option
("MSNBC","http://www.msnbc.com");
secondGroup[2][1][3]=new Option("ABC
News","http://www.abcnews.com");

secondGroup[2][2][0]=new Option("Now Select A
Page"," ");
secondGroup[2][2][1]=new Option
("News.com","http://www.news.com");
secondGroup[2][2][2]=new Option
("Wired","http://www.wired.com");

var temp1=document.isc.stage3
function redirect1(y){
for (m=temp1.options.length-1;m>0;m--)
temp1.options[m]=null
for (i=0;i<secondGroup
[document.isc.example.options.selectedIndex]
[y].length;i++){
temp1.options[i]=new Option(secondGroup
[document.isc.example.options.selectedIndex][y]
[i].text,secondGroup
[document.isc.example.options.selectedIndex][y]
[i].value)
}
temp1.options[0].selected=true
}

function redirect2(z){
window.location=temp1[z].value
}

//-->
</script>

  </td>
  </tr>
</table>
</FORM>

 


<p><font face="arial" size="-2">This free script
provided by</font><br>
<font face="arial, helvetica" size="-2"><a
href="http://wsabstract.com">Website
Abstraction</a></font></p>
 

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝二级关联菜单＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

 
将下面的代码复制到 <body>内
<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>
<script>
<!--
/*
  Double Combo Script Credit
  By Website Abstraction (www.wsabstract.com)
  Over 200+ free JavaScripts here!
  */
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("Website
Abstraction","http://wsabstract.com")
  group[0][1]=new Option
("Dynamicdrive.com","http://www.dynamicdrive.com")
  group[0][2]=new Option
("JavaScript","http://javascript.internet.com")
group[1][0]=new Option("万旭JavaScript仓
库","http://www.wanxu.com")
  group[1][1]=new Option
("JavaScript2000","http://www.javascript2000.com")
  group[1][2]=new Option("无忧脚
本","http://www.51js.com")
group[2][0]=new Option
("Hotbot","http://www.hotbot.com")
  group[2][1]=new Option
("Infoseek","http://www.infoseek.com")
  group[2][2]=new Option
("Excite","http://www.excite.com")
  group[2][3]=new Option
("Lycos","http://www.lycos.com")
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>

储采珍
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js二级联动的实现
yys3155的专栏
12-11 366
校园网 国内网站  国外网站 黑龙江大学 教务办公网 校园网 教学在线 现代教育技术中心 var groups=document.dweb.lianjie1.options.length            var group=new Array(groups)                                for (i=0; i gro
Flutter 左右菜单联动
热门推荐
yechaoa
05-22 1万+
效果： 像这种左右菜单联动的效果很常见，即点击左边菜单列表右边刷新，这里演示一下在Flutter中的实现 页面结构 很简单，分为左右结构，左边是一个ListView，右边也是一个ListView，然后按比例显示即可 return new Row( mainAxisAlignment: MainAxisAlignment.start, children: &l...
Vue实现左右菜单联动实现
Rain120
08-11 5788
知乎 个人博客 Github 源码传送门：Rain120/vue-study 之前在外卖软件上看到这个左右联动的效果，觉得很有意思，所以就尝试使用Vue来实现，将这个联动抽离成为一个单独的组件，废话少说，先来一张效果图。 这个组件分为两个部分，1、左菜单；2、右菜单。 左菜单的DOM结构 &amp;lt;scroll class=&quot;left-menu&quot; :data=&quot;left...
vue顶部和左侧菜单联动
w001yy的博客
05-06 363
https://blog.csdn.net/weixin_41856395/article/details/110441057
axure添加下拉菜单联动
计算机辅助工程
06-09 3690
axure中设置菜单联动
vb菜单联动
08-22
vb菜单联动Private Sub close_Click() On Error Resume Next '循环语句 For Each main In Forms If main.MDIChild = True Then Unload main End If Next Dim FNum As Integer Dim strfilename As String ...
小程序左右菜单联动效果
03-25
这是小程序左右菜单联动效果，数据都是本人手动模拟，请注意，数据结构，如有更改，自己调整，请自行下载。
PHP+JS三级菜单联动菜单实现方法
10-22
主要介绍了PHP+JS三级菜单联动菜单实现方法,涉及JavaScript动态控制页面样式及PHP数据库操作相关技巧,需要的朋友可以参考下
Vue实现左右菜单联动实现代码
12-29
本文介绍了Vue实现左右菜单联动实现代码吗，分享给大家，也给自己留个笔记，具体如下： Github 源码传送门： Rain120/vue-study 之前在外卖软件上看到这个左右联动的效果，觉得很有意思，所以就尝试使用 Vue 来...
bpmn-js推荐几款常用的插件
飞云先生
04-30 123
bpmn-js整体框架库的风格是以组件的方式进行实现的，这样的结构也更加便于我们更好的对其进行功能扩展，以及客制化功能实现。其实bpmn.io已经为我们实现了较多场景的组件的实现，了解对应组件的功能更能便于我们区分是否需要自己实现，降低重复造轮子的行为，提高开发效率，本篇文章主要是介绍常见的bpmn-js中使用的组件库。
《ElementUI 基础知识》el-tabs header 监听鼠标中键滚动时左右滑动（ElementPlus同样适用）
前端技术
04-29 1012
监听 el-tabs 头在鼠标 hover 时。滑动鼠标中键，可左右滑动！
基于React实现B站评论区
stu_kk的博客
05-02 933
使用React构建了一个仿照B站基本的前端评论系统，实现了动态加载、排序、添加和删除评论的基本功能。通过React的状态管理和事件处理机制，实现了交互式的用户体验。但是在实际应用中，还需考虑与后端接口的交互、错误处理、分页加载、以及更复杂的用户交互逻辑。
表格隔行变色
weixin_54339833的博客
05-02 384
2.$(document).ready() 是 jQuery 中的一个函数，它确保在文档结构（DOM）加载完成后执行指定的代码。与原生 JavaScript 的 window.onload 不同，$(document).ready() 会在 HTML 文档结构被加载和解析完成后立即执行，而无需等待样式表、图片和子框架的完成加载。if (index % 2 === 0) { // 偶数行。if (i % 2 === 0) { // 偶数行。// 可以省略，因为默认背景色通常是白色。
vue3引入element-plus完整步骤
最新发布
zzx262625的博客
05-06 143
如果你的项目需要在低版本浏览器上运行，你可能需要使用一些转换工具（如Babel、ESBuild）和polyfill来确保兼容性。在你的Vue项目中配置一个编译器（如Vue CLI、Vite等），然后运行你的项目。你可以尝试在你的组件中使用一些Element Plus的组件来确保它们正常工作。使用npm（或cnpm，如果你在中国并且希望使用淘宝的npm镜像）来安装Element Plus。这样，你就可以在你的Vue组件中使用Element Plus的图标了。在你的Vue 3项目的入口文件（通常是。
菜鸡学习netty源码（三）—— Reactor 模型
u013127325的博客
05-03 553
我们先进行理解一下Reactor模型，知道什么是Reactor模型，它有什么特别之处。我们先来简单介绍一下这个Reactor模型。Reactor模型的核心思想：就是将所关注的I/O事件进行注册到一个多路复用器上，一旦有I/O事件的发生，将事件进行分发到对应的事件处理器中，执行I/O事件对应的函数。Rector模型有3中模型的实现：单Reactor单线程模型，单Reactor多线程模型，多Reactor多线程模型。
数据交换和异步请求(JSON&Ajax))
vV_Leon的博客
05-06 541
数据交换异步请求技术
echarts+百度地图如何定义边界线
abc8002117034的博客
04-30 307
5.setOption里面的参数option.series是echarts散点图的配置项,option.bmap是百度地图的配置项，比如center是当前地图的中心点，zoom是缩放数值，roam是是否可以缩放，mapStyle是地图的样式。3.方法getCenterPoint是获取当前区域中心点的经纬度，我们将会在区域的中心点显示区域名称和具体数值。4.方法convertData返回的是地图上红色散点里面的数据，是对idata的数据格式做的一层转换。2.变量styleJson是地图的样式，可以去。
前端 | iframe框架标签应用（二）| 外部页面导入
因为健忘，所以记点有的没的〒▽〒
05-06 808
点击右上角喇叭，弹出iframe页面框，链接bilibili白噪音视频页面；点击关闭按钮，关闭弹出框。
wpf 导航和顶部菜单联动
05-01
WPF导航和顶部菜单联动主要是通过控制菜单的选择来实现导航的功能。我们可以在顶部菜单上设置一系列选项，每个选项对应着一个页面或者视图，当用户选择某个选项时，程序会根据选项的值来展示相应的页面或视图。 在...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值