選擇下拉選單項實現跳轉效果

admin發表於2017-02-19

下面介紹一下如何實現選中下拉選單實現網址跳轉效果。

[HTML] 純文字檢視 複製程式碼
<!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>

以上程式碼實現了預期的效果，當選擇一個下拉選單項的時候能夠實現網址跳轉功能。

相關文章