zoukankan      html  css  js  c++  java
  • JavaScript实现下拉框排序

    方式一

    function sortMe(oSel){
    if (oSel==null) return;
    var ln = oSel.options.length;
    var arr = new Array(); // 这是关键部分
    var tempvalue=oSel.options[oSel.selectedIndex].value;

    // 将select中的所有option的value值将保存在Array中
    for (var i = 0; i < ln; i++)
    {

      // 如果需要对option中的文本排序,可以改为arr[i] = oSel.options[i].text;
      arr[i] =Number(oSel.options[i].value);

    }

    arr.sort(function(a,b){return a-b;}); // 开始排序

    // 清空Select中全部Option

    while (ln--)
    {
     
         oSel.options[ln] = null;
     
    }

    // 将排序后的数组重新添加到Select中

    if(tempvalue!="")
    oSel.add(new Option(tempvalue,tempvalue));
    for (i = 0; i < arr.length; i++)
    {
     
       oSel.add (new Option(arr[i], arr[i]));

    }

    }

    方式二

         function selectBySortLetter(Obj)
         {
         var nav = navigator.appVersion;
                if (nav.indexOf('MSIE')!=-1)
         {
      var keyCode = event.keyCode;
                 var realKey = String.fromCharCode(keyCode);
                 var ObjOptionLen = Obj.options.length;
                 var MatchTimes = 0;
                 var MatchOptionIndexs = "";
                 for (var i=0;i<ObjOptionLen;i++)
      {
                     if (Obj.options[i].SortLetter == realKey)
                     {
                          MatchTimes = MatchTimes + 1;
                          MatchOptionIndexs = MatchOptionIndexs + i +",";
                     }
                 }
                 if (MatchTimes>0)
                 {
                     if (MatchTimes>keyDownTimes)
                     {
                          var MatchOptionArray = new Array (MatchTimes);
                          MatchOptionArray = MatchOptionIndexs.substr(0,MatchOptionIndexs.lastIndexOf(',')).split(',');
                          Obj.options[MatchOptionArray[keyDownTimes]].selected = true;
                          keyDownTimes = keyDownTimes + 1;
                     }
                     else
                     {
                          keyDownTimes = 0;
                     }
                 }   
                }
         }

  • 相关阅读:
    Android开发 ViewConfiguration View的配置信息类
    Android 开发 倒计时功能 转载
    Android 开发 关于7.0 FileUriExposedException异常 详解
    Android 开发 实现文本搜索功能
    Android 开发 Activity里获取View的宽度和高度 转载
    Android 开发 存储目录的详解
    Android 开发 Fresco框架点击小图显示全屏大图实现 ZoomableDraweeView
    Android 开发 将window变暗
    Android 开发 DisplayMetrics获取Android设备的屏幕高宽与其他信息
    Android 开发 DP、PX、SP转换详解
  • 原文地址:https://www.cnblogs.com/interdrp/p/1434309.html
Copyright © 2011-2022 走看看