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 相关文章推荐
JS实现可改变列宽的table实例
Jul 02 Javascript
JavaScript实现找出数组中最长的连续数字序列
Sep 03 Javascript
基于jQuery的JavaScript模版引擎JsRender使用指南
Dec 29 Javascript
nw.js实现类似微信的聊天软件
Mar 16 Javascript
基于jQuery全屏焦点图左右切换插件responsiveslides
Sep 07 Javascript
javascript日期比较方法实例分析
Jun 17 Javascript
Bootstrap表单布局
Jul 19 Javascript
利用jQuery实现打字机字幕效果实例代码
Sep 02 Javascript
BootStrap Validator使用注意事项(必看篇)
Sep 28 Javascript
Vue项目部署的实现(阿里云+Nginx代理+PM2)
Mar 26 Javascript
使用Layer组件弹出多个对话框(非嵌套)与关闭及刷新的例子
Sep 25 Javascript
vue 二维码长按保存和复制内容操作
Sep 22 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配置php-fpm启动参数及配置详解
2013/11/04 PHP
PHP错误Warning:mysql_query()解决方法
2015/10/24 PHP
如何在PHP中使用数组
2020/06/09 PHP
PHP copy函数使用案例代码解析
2020/09/01 PHP
jquery选择器的选择使用及性能介绍
2013/01/16 Javascript
js实现在页面上弹出蒙板技巧简单实用
2013/04/16 Javascript
setInterval计时器不准的问题解决方法
2014/05/08 Javascript
探讨JavaScript标签位置的存放与功能有无关系
2016/01/15 Javascript
辨析JavaScript中的Undefined类型与null类型
2016/05/26 Javascript
javascript实现去除HTML标签的方法
2016/12/26 Javascript
利用jquery禁止外层滚动条的滚动
2017/01/05 Javascript
AngularJS修改model值时,显示内容不变的实例
2018/09/13 Javascript
Vuex 单状态库与多模块状态库详解
2018/12/11 Javascript
[36:22]VP vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
[02:06]2018完美世界全国高校联赛秋季赛开始报名(附彩蛋)
2018/09/03 DOTA
python实现跨文件全局变量的方法
2014/07/07 Python
python实用代码片段收集贴
2015/06/03 Python
举例讲解Python设计模式编程中的访问者与观察者模式
2016/01/26 Python
浅析Python3爬虫登录模拟
2018/02/07 Python
Python实现全排列的打印
2018/08/18 Python
pytorch对可变长度序列的处理方法详解
2018/12/08 Python
8段用于数据清洗Python代码(小结)
2019/10/31 Python
浅谈python处理json和redis hash的坑
2020/07/16 Python
CSS3 Media Queries详细介绍和使用实例
2014/05/08 HTML / CSS
加拿大最大的相机店:Henry’s
2017/05/17 全球购物
英国工具中心:UK Tool Centre
2017/07/10 全球购物
欧洲第一的摇滚和金属乐队服装网站:EMP
2017/10/26 全球购物
环境工程求职简历的自我评价范文
2013/10/24 职场文书
统计学专业毕业生的自我评价分享
2013/11/28 职场文书
大学生素质拓展活动方案
2014/02/11 职场文书
公司授权委托书范文
2014/08/02 职场文书
2015公司年度工作总结
2015/05/14 职场文书
2015年十月一日放假通知
2015/08/18 职场文书
Mac环境Nginx配置和访问本地静态资源的实现
2021/03/31 Servers
Python竟然能剪辑视频
2021/05/25 Python
Javascript的promise,async和await的区别详解
2022/03/24 Javascript