下拉菜单点击实现连接跳转功能的js代码

 1.js代码

代码如下:

<!--
function MM_jumpMenu(targ,selObj,restore){
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
-->

2.使用

 代码如下:

<p class="yq">校友会链接:</p>
<p>
<label>
<select name="select2" onchange="MM_jumpMenu('parent',this,0)">
<option>
请选择
</option>
<option value="http://www.fudan.org.cn/">
复旦大学校友网
</option>
<option value="http://www.pku.org.cn/">
北京大学校友网
</option>
<option value="http://www.tsinghua.org.cn/alumni/index.do">
清华大学校友网
</option>
</select>
</label></p>  

时间: 2024-08-31 17:33:26

下拉菜单点击实现连接跳转功能的js代码的相关文章

下拉菜单点击实现连接跳转功能的js代码_javascript技巧

1.js代码 复制代码 代码如下: <!-- function MM_jumpMenu(targ,selObj,restore){ eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'"); if (restore) selObj.selectedIndex=0; } --> 2.使用 复制代码 代码如下: <p class="yq">校

BootStrap 下拉菜单点击之后不会出现下拉菜单(下拉菜单不弹出)的解决方案_javascript技巧

最近学到Bootstrap下拉菜单,学懂了教程内容之后自己敲一个点击按钮底下弹出下拉菜单的小demo,写完代码发现运行之后点击按钮没反应,下拉菜单弹不出来,对照教程感觉代码没错. 我的代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>下拉菜单</title> <link rel="

js点击下拉菜单

提示:您可以先修改部分代码再运行 js点击下拉菜单 网站链接 提示:您可以先修改部分代码再运行

JQuery纵向下拉菜单实现心得

         jquery库给我们带来了许多便利,不愧是轻量级的DOM框架,在前面的博文中小编分别对jquery的基础知识以及jquery的一些小demo有一系列的简单介绍,期待各位小伙伴的指导.使用jquery实现一个简单的横纵向菜单,小编相信其他小伙伴都有很多的实现方法,小编今天自己使用JQuery写了一个横纵向菜单,用博文跟小伙伴分享一下小编实现横纵向菜单的实现心得.         当我们浏览网页和使用word编辑一下文字的时候,我们都能看见横向下拉的身影,有了横向菜单,我们能对整个

jQuery实现的纵向下拉菜单实例详解【附demo源码下载】_jquery

本文实例讲述了jQuery实现的纵向下拉菜单.分享给大家供大家参考,具体如下: 当我们浏览网页和使用word编辑一下文字的时候,我们都能看见横向下拉的身影,有了横向菜单,我们能对整个界面进行更好的布局,达到我们想要的效果,那么这些横向菜单式如何用代码实现的,当我们浏览或使用的时候她又是如何呈现在我们面前的,学习了JQuery之后,小编渐渐看到她美丽的容颜,接下来,小编主要讲解如何通过jquery实现纵向下拉菜单. 第一步,我们来编写html的代码,如下所示: <!DOCTYPE html PUB

CSS技巧分享:如何用css制作横排二级下拉菜单

原文:CSS技巧分享:如何用css制作横排二级下拉菜单 导航菜单是每个网站所必备的功能,也是每个学习制作网站的朋友所必须接触的,如何用css样式制作一个简单漂亮的二级下拉菜单呢,下来小编就一步一步教大家来制作横排二级下拉菜单,让我共同来学习吧. 首页我们打看dreamweaver或其它编辑器,创建一个名为nav的导航菜单 <div class="nav"> <ul> <li><a href="#">栏目一</a&

iframe挡住下拉菜单,怎么解决?谢谢

问题描述 iframe挡住下拉菜单,怎么解决?谢谢 iframe挡住下拉菜单,怎么解决?谢谢.html,用js调用框架内的视频内容,一开始好好的,但后来框架内容多了,就出问题了.没找到原因,用z属性,去调层的顺序无效.求各路大神帮助.谢谢 部分代码: <div class="yb_bflash" from="vodplay" style="width:940px;height:520px;"> <div id="vid

jquery 下拉菜单niceForm插件,支持单选和多选

jquery+%CF%C2%C0%AD%B2%CB%B5%A5/" target="_blank">jquery 下拉菜单插件 使用方法  代码如下 复制代码 $(function(){    //调用方式    $("select").niceForm({    eventType:'click',  //默认为单击事件   change:function(){} //下拉菜单发生change事件时触发的回调函数       }); }); htm

手机平板等移动端适配跳转URL的js代码

 这篇文章主要为大家分享下手机平板等移动端适配跳转URL的js代码,需要的朋友可以参考下 代码如下: <script type="text/javascript"> if(/AppleWebKit.*mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|So