DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript實現單擊下拉框選擇直接跳轉頁面的方法
JavaScript實現單擊下拉框選擇直接跳轉頁面的方法
編輯:關於JavaScript     

本文實例講述了JavaScript實現單擊下拉框選擇直接跳轉頁面的方法。分享給大家供大家參考。具體實現方法如下:

<script type="text/JavaScript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
 eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
 if (restore) selObj.selectedIndex=0;
}
//-->
</script>
<select name="dgLink2" id="dgLink2" style="WIDTH: 150px" onchange="MM_jumpMenu('parent',this,0)">
 <option value="#">---教學院系---</option>
 <option value="http://kletor.yangtzeu.edu.cn">油氣資源與勘探技術教育部重點實驗室</option>
 <option value="http://jjxy.yangtzeu.edu.cn">經濟學院</option>
 <option value="http://zf.yangtzeu.edu.cn">政治與法律學院</option>
 <option value="http://tyxy.yangtzeu.edu.cn">體育學院</option>
 <option value="http://zhongwen.yangtzeu.edu.cn">文學院(荊楚文化研究中心)</option>
 <option value="http://yuwei.yangtzeu.edu.cn">文學院(語委、普通話測試站)</option>
 <option value="http://fl.yangtzeu.edu.cn">外國語學院</option>
 <option value="http://art.yangtzeu.edu.cn">藝術學院</option>
 <option value="http://shuxue.yangtzeu.edu.cn">信息與數學學院</option>
 <option value="http://psat.yangtzeu.edu.cn">物理科學與技術學院</option>
 <option value="http://chem.yangtzeu.edu.cn">化學與環境工程學院</option>
</select>

希望本文所述對大家的javascript程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved