javascript擷取下拉式功能表的值並跳轉代碼

我最常用的代碼，核心代碼就是

代碼如下	複製代碼
script language="JavaScript"> function jump() { location.href=document.myform.menu1.value; } </script>

html代碼

代碼如下	複製代碼
<select name="menu1" onChange="jump()"> <option>---請選擇季節景色---</option> <option value="spring.htm">春天美景</option> <option value="summer.htm">夏天一色</option> <option value="autumn.htm"> 秋天楓葉</option> <option value="winter.htm">冬天白雪</option> </select>

像友情串連一樣跳轉效果

代碼如下

複製代碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">  <head>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <title>轉移菜單</title>  <script type="text/javascript" src="轉移菜單.js"></script>  </head>  <body>  <form>    <select id="newLocation">      <option selected="selected" value="">Select a topic</option>      <option value="topic1.html">topic1</option>      <option value="topic2.html">topic2</option>      <option value="topic3.html">topic3</option>      <option value="topic4.html">topic4</option>      <option value="topic5.html">topic5</option>    </select>    <!--當瀏覽器不支援javascript或者禁用指令碼運行時被調用-->   <noscript>      <input type="submit" value="Go There!"/>   </noscript>  </form>  </body>  </html>

js 代碼

代碼如下

複製代碼

window.onload=initForm;  //防止頁面緩衝，無法觸發onload   window.onunload=function(){}  function initForm(){          document.getElementById("newLocation").selectIndex=0;          document.getElementById("newLocation").onchange=jumpPage;  }  function jumpPage(){          var newLoc=document.getElementById("newLocation");          var newPage=newLoc.options[newLoc.selectedIndex].value;          if (newPage!=""){              window.location=newPage;              }  }

點擊按鈕跳轉代碼

代碼如下

複製代碼

function changeGroup()   {       if(window.confirm("您真的要轉移郵件組嗎?")==false)return false;      var obj=document.getElementById("mail_group");//源下拉式功能表      var obj2=document.getElementById("select3");//目標下拉式功能表      if(obj && obj2)       {           var n=obj.options.selectedIndex;//selectedIndex是的當前選擇項的索引值，從0開始從上往下依次遞增，沒選中是-1                                            //簡單的說你可以將列表框理解為一個數組，selectedIndex就是這個數組的索引值，它對應的就是列表中該位置顯示的項           var m=obj2.options.selectedIndex;          if(n>=0)           {               location.href="mail_group_action1.php?id="+obj.options[n].value+"&uid="+obj2.options[m].value;               return;          }       }     }

html代碼

代碼如下	複製代碼
<input type="button" value="轉" onClick="changeGroup()"">