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 相关文章推荐
利用jQuery操作对象数组的实现代码
Apr 27 Javascript
json对象转字符串如何实现
Dec 02 Javascript
jQuery实现手机号码输入提示功能实例
Apr 30 Javascript
js模拟淘宝网的多级选择菜单实现方法
Aug 18 Javascript
浅谈javascript的Array.prototype.slice.call
Aug 31 Javascript
利用jQuery实现滑动开关按钮效果(附demo源码下载)
Feb 07 Javascript
Extjs gridpanel 中的checkbox(复选框)根据某行的条件不能选中的解决方法
Feb 17 Javascript
JS中SetTimeout和SetInterval使用初探
Mar 23 Javascript
Element-ui之ElScrollBar组件滚动条的使用方法
Sep 14 Javascript
IE9 elementUI文件上传的问题解决
Oct 17 Javascript
原生js实现移动端Touch轮播图的方法步骤
Jan 03 Javascript
jQuery分组选择器简单用法示例
Apr 04 jQuery
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
php5新改动之短标记启用方法
2008/09/11 PHP
UCenter Home二次开发指南
2009/05/28 PHP
php 数组排序 array_multisort与uasort的区别
2011/03/24 PHP
php对数组排序代码分享
2014/02/24 PHP
模板引擎smarty工作原理以及使用示例
2014/05/25 PHP
php类中的各种拦截器用法分析
2014/11/03 PHP
php curl模拟post请求和提交多维数组的示例代码
2015/11/19 PHP
PHP常用设计模式之委托设计模式
2016/02/13 PHP
PHP实现简易计算器功能
2020/08/28 PHP
Laravel中GraphQL接口请求频率实战记录
2020/09/01 PHP
Firefox和IE浏览器兼容JS脚本写法小结
2008/07/07 Javascript
Ajax,UTF-8还是GB2312 eval 还是execScript
2008/11/13 Javascript
js 巧妙去除数组中的重复项
2010/01/25 Javascript
javascript 定义新对象方法
2010/02/20 Javascript
Jquery优化效率 提升性能解决方案
2010/09/06 Javascript
jQuery简单几行代码实现tab切换
2015/03/10 Javascript
jquery图片滚动放大代码分享(2)
2015/08/28 Javascript
JavaScript原型继承_动力节点Java学院整理
2017/06/30 Javascript
vue监听键盘事件的快捷方法【推荐】
2018/07/11 Javascript
解决vuecli3中img src 的引入问题
2020/08/04 Javascript
JavaScript 如何计算文本的行数的实现
2020/09/14 Javascript
python中使用smtplib和email模块发送邮件实例
2014/04/22 Python
Python_LDA实现方法详解
2017/10/25 Python
详解python实现交叉验证法与留出法
2019/07/11 Python
详解Python Qt的窗体开发的基本操作
2019/07/14 Python
python实现单链表的方法示例
2019/09/03 Python
用Python解数独的方法示例
2019/10/24 Python
Python如何使用内置库matplotlib绘制折线图
2020/02/24 Python
在Django中自定义filter并在template中的使用详解
2020/05/19 Python
可能这些是你想要的H5软键盘兼容方案(小结)
2019/04/23 HTML / CSS
建筑毕业生自我鉴定
2013/10/18 职场文书
商务日语专业毕业生自荐信
2014/03/27 职场文书
ktv好的活动方案
2014/08/15 职场文书
我的梦想演讲稿1000字
2014/08/21 职场文书
商场广播稿范文
2015/08/19 职场文书
古见同学有交流障碍症 第二季宣传CM公开播出
2022/04/11 日漫