夢幻之旅

          DEBUG - 天道酬勤

             :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理 ::
            671 隨筆 :: 6 文章 :: 256 評論 :: 0 Trackbacks
          <2008年9月>
          31123456
          78910111213
          14151617181920
          21222324252627
          2829301234
          567891011

          公告

          本博客中未注原創的文章均為轉載,對轉載內容可能做了些修改和增加圖片注釋,如果侵犯了您的版權,或沒有注明原作者,請諒解

          常用鏈接

          留言簿(21)

          隨筆分類(644)

          隨筆檔案(669)

          文章檔案(6)

          最新隨筆

          積分與排名

          最新評論

          閱讀排行榜

          評論排行榜

          /*
          *Write by:惠萬鵬
          *Time    :2008-09-01
          *vision  :1.0
          */

          //-------------------------------------------------------------------------
          //
          a function of inint a select
          var GangSelect  = {
              
          /**
               *Description : this function initiates select of object
               
          */

              __initiateSelect : 
          function(aValueTexts, oSelect, sInitValue, isSort)
              
          {
                  
          if (isSort)
                  
          {
                      aValueTexts.sort();
                  }

                  
          /**  remove all options of select of object */
                  oSelect.length 
          = 0;
                  
          for (var i = 0; i < aValueTexts.length; i = i + 1)
                  
          {
                      
          var sValue = aValueTexts[i].substring(0
                          aValueTexts[i].indexOf(
          ":"));
                      
          var sText = aValueTexts[i].substring(
                          aValueTexts[i].indexOf(
          ":"+ 1, aValueTexts[i].length);
                      
          /** create element of option */
                      
          var oOption = document.createElement("option");
                      oOption.value 
          = sValue;
                      
          /** initiates a option*/
                      
          if (sValue == sInitValue)
                      
          {
                          oOption.selected 
          = true;
                      }

                      
          var oText = document.createTextNode(sText);
                      oOption.appendChild(oText);
                      oSelect.appendChild(oOption);
                  }

              }
          ,
              
              
          /**
               *this function of initiates the first select
               
          */

              __initFirtSelect : 
          function(sFirstValueTexts, 
                      sInitiateFirstSelectValue, sFirstSelectId)
              
          {
                  
          var aFirstValueTexts = sFirstValueTexts.split('|');
                  aFirstValueTexts.unshift('
          -1:請選擇');
                  
          var oFirstSelect = obj$(sFirstSelectId);
                  
          /** initiates select */
                  
          this.__initiateSelect(aFirstValueTexts, oFirstSelect, 
                      sInitiateFirstSelectValue, 
          false);
              }
          ,
              
              
          /**
               *this function of init the second select
               
          */

              __initSecondSelect : 
          function(sSecondValueTexts, 
                      sInitiateSecondSelectValue, sFirstSelectId, sSecondSelectId)
              
          {
                  
          var sFirstSelectedValue = obj$(sFirstSelectId).value;
                  
          var aTemp = new Array();
                  
                  
          var aSecondValueTexts = sSecondValueTexts.split('|');
                  
          for (var k = 0; k < aSecondValueTexts.length; k = k + 1)
                  
          {
                      
          if (aSecondValueTexts[k].split('_')[0== sFirstSelectedValue)
                      
          {
                          aTemp.push(aSecondValueTexts[k]);
                      }

                  }

                  aTemp.unshift('
          -1:請選擇');
                  
          var oSecondSelect = obj$(sSecondSelectId);
                  
          this.__initiateSelect(aTemp, oSecondSelect, 
                      sInitiateSecondSelectValue, 
          false);
              }
          ,
              
              
          //this function of use in big select's onchange event
              Change : function (sSecondValueTexts,sFirstSelectId,sSecondSelectId)
              
          {
                  
          this.__initSecondSelect(sSecondValueTexts,"NOVALUE"
                      sFirstSelectId, sSecondSelectId);
              }
          ,
              
          //this function of init the big and small select
              Initiate : function(sFirstValueTexts,sSecondValueTexts,sFirstSelectId,
                  sSecondSelectId,sInitiateFirstSelectValue, sInitiateSecondSelectValue)
              
          {
                     
          var initiateFirstValue = 'NOVALUE';
                     
          var initiateSecondValue = 'NOVALUE';
                  
          if(arguments.length == 5)
                  
          {
                      initiateFirstValue 
          = sInitiateFirstSelectValue;
                  }

                  
          else if(arguments.length == 6)
                  
          {
                         initiateFirstValue 
          = sInitiateFirstSelectValue;
                      initiateSecondValue 
          = sInitiateSecondSelectValue;
                     }

                     
          this.__initFirtSelect(sFirstValueTexts,
                      sInitiateFirstSelectValue,sFirstSelectId);
                     
          this.__initSecondSelect(sSecondValueTexts,sInitiateSecondSelectValue,
                         sFirstSelectId,sSecondSelectId);
              }

          }
          ;
          posted on 2008-09-02 13:46 HUIKK 閱讀(824) 評論(1)  編輯  收藏 所屬分類: JavaScript

          評論

          # re: js 二級聯動菜單 2009-09-07 18:15 惠萬鵬
          var departmentIdNames = ":------請選擇-----|1:部門1|2:部門2";
          var positionIdNames = "_:------請選擇-----|1_1:職位1|1_2:職位2|2_1:職位4|2_2:職位4|2_2:職位5";
          function changePosition()
          {
          GangSelect.Change(positionIdNames,"department","position");
          }
          GangSelect.Initiate(departmentIdNames,positionIdNames,'department','position','','');  回復  更多評論
            

          主站蜘蛛池模板: 曲周县| 偏关县| 荔波县| 灌南县| 德兴市| 云霄县| 奉新县| 伽师县| 囊谦县| 蒙阴县| 西安市| 宁陵县| 瑞丽市| 龙泉市| 涪陵区| 新田县| 泸水县| 盐山县| 体育| 方正县| 宁德市| 涡阳县| 合川市| 余姚市| 京山县| 荆门市| 南昌市| 寻甸| 万山特区| 深水埗区| 长沙县| 湘阴县| 武乡县| 喀什市| 景德镇市| 日喀则市| 巴彦淖尔市| 武宁县| 雅安市| 温州市| 天门市|