javascript列表框操作函数集合汇总


Posted in Javascript onNovember 28, 2013
<script language="javascript">    /* 列表框互相操作函数集 */
  //描述: 添加不重复列表框元素
  function selAdd( srcList, dstList )
  {
      var selectedIndex = new Array();
      var count = 0;
      for ( i=0; i<srcList.options.length; i++ ){
         if ( srcList.options[i].selected ){
             selectedIndex[count] = i;
             count ++;
         }
     }                    
     for ( j=0; j<selectedIndex.length; j++ ){
         k = selectedIndex[j];
         if ( chkDup( srcList.options[k].value, dstList )==false ){
       &, nbsp;   dstList.options.length++;
             var len = dstList.options.length-1;
             dstList.options[len].value = srcList.options[k].value;
             dstList.options[len].text = srcList.options[k].text;
         }
     }
 }
 //描述: 删除列表框元素
 function selDel( list )
 {
     var len = list.options.length;
     var idx = 0;
     while ( idx< len ){
         if ( list.options[idx].selected ){
             list.options.remove(idx);
             len = list.options.length;
         }
         else{
             idx ++;
         }
     }
 }
 //描述: 检测列表框元素重复
 function chkDup( item, list )
 {
     for ( i=0; i<list.options.length; i++ ){
         //alert( item + " - " + list.options[i].value );
         if ( item == list.options[i].value ){
             return true;
         }
     }                    
     return false;
 }
 //描述: 选择列表框的全部成员
 function selSel( list, item )
 {
     item.value = " ";
     for ( i=0; i<list.options.length; i++ ){
         list.options[i].selected=true;
         item.value += list.options[i].value + " ";
     }
 }
 function selSelSingle( list, value )
 {
     for ( i=0; i<list.options.length; i++ ){
         if ( list.options[i].value == value ){
             list.options[i].selected=true;
             break;
         }
     }
 }
 //描述: 根据数组初始化列表框
 function selList( item, arr )
 {
     var curIndex, insIndex, val, text;
     var arrItem = new Array();
     if ( item ){
         item.length = 0;
         curIndex = 0;
        for ( i=0; i<arr.length; i++ ){
             item.length ++;
            insIndex = item.length - 1;
            if ( arr[i] ){
                arrItem = arr[i].split( ", " );
                text = arrItem[1];
                val  = arrItem[0];
                item.options[ insIndex ].text = text;    
                item.options[ insIndex ].value= val;
            }
        }
    }
} 
    </script>
Javascript 相关文章推荐
JavaScript 组件之旅(二)编码实现和算法
Oct 28 Javascript
jquery中prop()方法和attr()方法的区别浅析
Sep 06 Javascript
js对列表中第一个值处理与jsp页面对列表中第一个值处理的区别详解
Nov 05 Javascript
删除节点的jquery代码
Jan 13 Javascript
jQuery中next方法用法实例
Apr 24 Javascript
基于jquery实现select选择框内容左右移动添加删除代码分享
Aug 25 Javascript
阿里巴巴技术文章分享 Javascript继承机制的实现
Jan 14 Javascript
ES6概念 Symbol toString()方法
Dec 25 Javascript
vue+vuex+axios+echarts画一个动态更新的中国地图的方法
Dec 19 Javascript
r.js来合并压缩css文件的示例
Apr 26 Javascript
JS实现将对象转化为数组的方法分析
Jan 21 Javascript
如何检查一个对象是否为空
Apr 11 Javascript
JavaScript调用客户端的可执行文件(示例代码)
Nov 28 #Javascript
js实现单行文本向上滚动效果实例代码
Nov 28 #Javascript
javascript获取元素CSS样式代码示例
Nov 28 #Javascript
浅析JavaScript中的CSS属性及命名规范
Nov 28 #Javascript
JavaScript中的连字符详解
Nov 28 #Javascript
Google (Local) Search API的简单使用介绍
Nov 28 #Javascript
jquery实现弹出窗口效果的实例代码
Nov 28 #Javascript
You might like
用PHP调用Oracle存储过程
2006/10/09 PHP
MySQL授权问题总结
2007/05/06 PHP
php查找字符串出现次数的方法
2014/12/01 PHP
PHP CURL 多线程操作代码实例
2015/05/13 PHP
PHP生成各种常见验证码和Ajax验证过程
2016/01/10 PHP
在线游戏大家来找茬II
2006/09/30 Javascript
jquery对元素拖动排序示例
2014/01/16 Javascript
js+jquery实现图片裁剪功能
2015/01/02 Javascript
jQuery插件StickUp实现网页导航置顶
2015/04/12 Javascript
浅析Node.js中的内存泄漏问题
2015/06/23 Javascript
理解和运用JavaScript的闭包机制
2015/08/13 Javascript
vue几个常用跨域处理方式介绍
2018/02/07 Javascript
详解React+Koa实现服务端渲染(SSR)
2018/05/23 Javascript
Vue CLI3中使用compass normalize的方法
2019/05/30 Javascript
jquery图片预览插件实现方法详解
2019/07/18 jQuery
基于javascript的无缝滚动动画1
2020/08/07 Javascript
vue 解决data中定义图片相对路径页面不显示的问题
2020/08/13 Javascript
Python中random模块生成随机数详解
2016/03/10 Python
Python3+Pycharm+PyQt5环境搭建步骤图文详解
2019/05/29 Python
Python多版本开发环境管理工具介绍
2019/07/03 Python
Python 正则表达式 re.match/re.search/re.sub的使用解析
2019/07/22 Python
Python第三方包之DingDingBot钉钉机器人
2020/04/09 Python
如何卸载python插件
2020/07/08 Python
基于Python爬取fofa网页端数据过程解析
2020/07/13 Python
详解python命令提示符窗口下如何运行python脚本
2020/09/11 Python
python 实现音频叠加的示例
2020/10/29 Python
Python实现自动整理文件的脚本
2020/12/17 Python
微信小程序实现可实时改变转速的css3旋转动画实例代码
2018/09/11 HTML / CSS
美国工业用品采购网站:Zoro.com
2020/10/27 全球购物
包装类的功能、种类、常用方法
2012/01/27 面试题
总经理工作职责范文
2014/03/14 职场文书
上班时间打瞌睡检讨书
2014/09/26 职场文书
颐和园导游词400字
2015/01/30 职场文书
企业法人代表证明书
2015/06/18 职场文书
工作建议书范文
2019/07/08 职场文书
德劲DE1107指针试高灵敏度全波段收音机机评
2022/04/05 无线电