>웹 프론트엔드 >JS 튜토리얼 >JavaScript实现单击下拉框选择直接跳转页面的方法

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

WBOY
WBOY원래의
2016-06-01 09:54:361372검색

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.