一個三級級聯(lián)菜單

          Posted on 2007-11-08 23:22 yukui 閱讀(419) 評論(0)  編輯  收藏

          <FORM name="isc">
          <table border="0" cellspacing="0" cellpadding="0">
          <tr align="center">
          <td nowrap height="11"> &nbsp;

          <select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
          <option selected>---Select1-------------</option>
          <option>Webmaster Sites</option>
          <option>News Sites</option>
          </select>

          <select name="stage2" size="1" onChange="redirect1(this.options.selectedIndex)">
          <option value=" " selected> </option>
          <option value=" " selected>---Select2--------------</option>
          <option value=" " selected>---Select2--------------</option>
          </select>

          <select name="stage3" size="1" onChange="redirect2(this.options.selectedIndex)">
          <option value=" " selected> </option>
          <option value=" " selected>---Select3----------------</option>
          <option value=" " selected>---Select3----------------</option>
          </select>

          <script>
          <!--

          /*
          Triple Combo Script Credit
          By Hamid Cheheltani/ Website Abstraction (http://www.wsabstract.com)
          Visit <A HREF=" */

          var groups=document.isc.example.options.length
          var group=new Array(groups)
          for (i=0; i<groups; i++)
          group[i]=new Array()

          group[0][0]=new Option("---Select2---"," ");

          group[1][0]=new Option("Now Select This One"," ");
          group[1][1]=new Option("JavaScript","47");
          group[1][2]=new Option("DHTML","46");
          group[1][3]=new Option("CGI","45");

          group[2][0]=new Option("Now Select This One"," ");
          group[2][1]=new Option("General News","115");
          group[2][2]=new Option("Technology News","116");

          var temp=document.isc.stage2


          function redirect(x){
          for (m=temp.options.length-1;m>0;m--)
          temp.options[m]=null
          for (i=0;i<group[x].length;i++){
          temp.options[i]=new Option(group[x][i].text,group[x][i].value)
          }
          temp.options[0].selected=true
          redirect1(0)
          }

          var secondGroups=document.isc.stage2.options.length
          var secondGroup=new Array(groups)
          for (i=0; i<groups; i++) {
          secondGroup[i]=new Array(group[i].length)
          for (j=0; j<group[i].length; j++) {
          secondGroup[i][j]=new Array() }}

          secondGroup[0][0][0]=new Option("---Select 3---"," ");
          secondGroup[1][0][0]=new Option("---Select 3---"," ");
          secondGroup[1][1][0]=new Option("Now Select This One"," ");
          secondGroup[1][1][1]=new Option("Website Abstraction","
          secondGroup[1][1][2]=new Option("JavaScript for the non programmer"," secondGroup[1][1][3]=new Option("Java-Scripts.net","

          secondGroup[1][2][0]=new Option("Now Select This One"," ");
          secondGroup[1][2][1]=new Option("Dynamic Drive","
          secondGroup[1][2][2]=new Option("Beginner\'s Guide to DHTML"," secondGroup[1][2][3]=new Option("Web Coder","

          secondGroup[1][3][0]=new Option("Now Select This One"," ");
          secondGroup[1][3][1]=new Option("CGI Resources","
          secondGroup[1][3][2]=new Option("Ada\'s Intro to CGI","

          secondGroup[2][0][0]=new Option("---Select 3---"," ");
          secondGroup[2][1][0]=new Option("Now Select This One"," ");
          secondGroup[2][1][1]=new Option("CNN","
          secondGroup[2][1][2]=new Option("MSNBC"," secondGroup[2][1][3]=new Option("ABC News","

          secondGroup[2][2][0]=new Option("Now Select A Page"," ");
          secondGroup[2][2][1]=new Option("News.com","
          secondGroup[2][2][2]=new Option("Wired","

          var temp1=document.isc.stage3
          function redirect1(y){
          for (m=temp1.options.length-1;m>0;m--)
          temp1.options[m]=null
          for (i=0;i<secondGroup[document.isc.example.options.selectedIndex][y].length;i++){
          temp1.options[i]=new Option(secondGroup[document.isc.example.options.selectedIndex][y][i].text,secondGroup[document.isc.example.options.selectedIndex][y][i].value)
          }
          temp1.options[0].selected=true
          }

          function redirect2(z){
          window.location=temp1[z].value
          }

          //-->
          </script>

          </td>
          </tr>
          </table>
          </form>


          只有注冊用戶登錄后才能發(fā)表評論。


          網(wǎng)站導(dǎo)航:
           

          posts - 131, comments - 12, trackbacks - 0, articles - 32

          Copyright © yukui

          主站蜘蛛池模板: 西丰县| 潜江市| 亳州市| 玉门市| 汾阳市| 巫山县| 泉州市| 邳州市| 柞水县| 桃江县| 木里| 淮滨县| 基隆市| 上林县| 柯坪县| 东台市| 临沂市| 自贡市| 阿瓦提县| 临颍县| 襄樊市| 勐海县| 石屏县| 桂平市| 綦江县| 南溪县| 得荣县| 宁阳县| 中西区| 临夏市| 宕昌县| 濮阳县| 金山区| 汉中市| 滕州市| 简阳市| 巴林右旗| 达尔| 会昌县| 迁安市| 东阳市|