JavaScript选择下拉菜单项实现跳转效果

当前位置：首页 > 代码实例 > html5 css3代码分类 > 其他 > JavaScript选择下拉菜单项实现跳转效果

下面介绍一下如何实现选中下拉菜单实现网址跳转效果。

[ 其他 ] 运行代码下载代码

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>select网址跳转效果</title>
<script type="text/javascript">
function MM_jumpMenu(targ,selObj,restore){ 
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'"); 
  if(restore) {
     selObj.selectedIndex=0; 
  }
} 
</script>
</head>
<body>
<select name="myselect"> 
<option>请选择跳转网址</option> 
<option value="http://www.softwhy.com/">复旦大学校友网</option> 
<option value="http://www.163.com/">北京大学校友网 </option> 
<option value="http://www.qq.com">清华大学校友网</option> 
</select> 
</body>
</html>

代码描述：JavaScript 选择下拉菜单项实现跳转效果。JavaScript选择下拉菜单项实现跳转效果

下载全部收藏

183 244

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册