熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

js下拉框二級關聯菜單效果代碼

2013-11-15 11:59:14  來源: JSP教程 

  <!DOCTYPE html PUBLIC "//WC//DTD XHTML Transitional//EN" "

<html xmlns=" <head>  <meta httpequiv="ContentType" content="text/html;charset=gb" />  <title>雙選擇關聯菜單</title>  </head>  <body>  <form name="doublecombo">  <p>  <select name="example" size="" onChange="redirect(thisoptionsselectedIndex)">  <option>特效代碼</option>  <option>網頁語言</option>  <option>軟件教程</option>  </select>  <select name="stage" size="">  <option value="/texiao/shubiao">鼠標類</option>  <option value="/texiao/chuangkou">窗口類</option>  <option value="/texiao/daohang">導航類</option>  </select>  <input type="button" name="test" value="Go!"  onClick="go()">  </p>  <script>  <!  var groups=documentdoublecomboexampleoptionslength  var group=new Array(groups)  for (I=; I<groups; I++)  group[I]=new Array()  group[][]=new Option("鼠標類""/texiao/shubiao")  group[][]=new Option("窗口類""/texiao/chuangkou")  group[][]=new Option("導航類""/texiao/daohang")  group[][]=new Option("ASP""/yuyan/asp")  group[][]=new Option("PHP""/yuyan/php")  group[][]=new Option("JSP""/yuyan/jsp")  group[][]=new Option("Dreamweaver""/ruanjian/Dreamweaver")  group[][]=new Option("Fireworks""/ruanjian/Fireworks")  group[][]=new Option("Flash""/ruanjian/Flash")  group[][]=new Option("Photoshop""/ruanjian/Photoshop")  var temp=documentdoublecombostage  function redirect(x){  for (m=tempoptionslength;m>;m)  tempoptions[m]=null  for (I=;I<group[x]length;I++){  tempoptions[I]=new Option(group[x][I]textgroup[x][I]value)  }  tempoptions[]selected=true  }  function go(){  location=tempoptions[tempselectedIndex]value  }  //>  </script>  </form>  </body>  </html></td>  </tr> </table>
From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20033.html
  • 上一篇文章:

  • 下一篇文章:
  • 推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.