Heim > Artikel > Web-Frontend > JavaScript实现单击下拉框选择直接跳转页面的方法
本文实例讲述了JavaScript实现单击下拉框选择直接跳转页面的方法。分享给大家供大家参考。具体实现方法如下:
<code class="language-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></code>
希望本文所述对大家的javascript程序设计有所帮助。