Home  >  Article  >  Web Front-end  >  JavaScript实现单击下拉框选择直接跳转页面的方法

JavaScript实现单击下拉框选择直接跳转页面的方法

WBOY
WBOYOriginal
2016-06-01 09:54:361312browse

本文实例讲述了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程序设计有所帮助。

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn