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 相关文章推荐
重定向实现代码
Nov 20 Javascript
IE 上下滚动展示模仿Marquee机制
Dec 20 Javascript
JS判断是否为数字,是否为整数,是否为浮点数的代码
Apr 24 Javascript
深入理解JavaScript定时机制
Oct 29 Javascript
High Performance JavaScript(高性能JavaScript)读书笔记分析
May 05 Javascript
JQuery入门——事件切换之hover()方法应用介绍
Feb 05 Javascript
JQuery获取表格数据示例代码
May 26 Javascript
分析了一下JQuery中的extend方法实现原理
Feb 27 Javascript
利用jQuery实现漂亮的圆形进度条倒计时插件
Sep 30 Javascript
vue: WebStorm设置快速编译运行的方法
Oct 18 Javascript
vue 实现websocket发送消息并实时接收消息
Dec 09 Javascript
npx create-react-app xxx创建项目报错的解决办法
Feb 17 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中拷贝构造函数、赋值运算符重载
2012/07/25 PHP
windows平台中配置nginx+php环境
2015/12/06 PHP
PHP自带方法验证邮箱、URL、IP是否合法的函数
2016/12/08 PHP
PHP __call()方法实现委托示例
2019/05/20 PHP
laravel框架邮箱认证实现方法详解
2019/11/22 PHP
Javascript &amp; DHTML 实例编程(教程)DOM基础和基本API
2007/06/02 Javascript
JavaScript prototype对象的属性说明
2010/03/13 Javascript
js汉字转拼音实现代码
2013/02/06 Javascript
jquery获取复选框被选中的值
2014/04/10 Javascript
$(document).ready(function() {})不执行初始化脚本
2014/06/19 Javascript
PHP使用方法重载实现动态创建属性的get和set方法
2014/11/17 Javascript
jQuery实现tab选项卡效果的方法
2015/07/08 Javascript
javascript实现的简单计时器
2015/07/19 Javascript
JavaScript 2048 游戏实例代码(简单易懂)
2016/03/25 Javascript
jQuery实现的精美平滑二级下拉菜单效果代码
2016/03/28 Javascript
JS实现简单的tab切换选项卡效果
2016/09/21 Javascript
详解微信小程序——自定义圆形进度条
2016/12/29 Javascript
JavaScript创建对象的七种方式全面总结
2017/08/21 Javascript
JavaScript函数节流和函数去抖知识点学习
2018/07/31 Javascript
vue-cli3.0使用及部分配置详解
2018/08/29 Javascript
微信小程序中的店铺评分组件及vue中用svg实现的评分显示组件
2018/11/16 Javascript
javascript获取select值的方法完整实例
2019/06/20 Javascript
python编程-将Python程序转化为可执行程序[整理]
2007/04/09 Python
python基础教程之udp端口扫描
2014/02/10 Python
Python聚类算法之凝聚层次聚类实例分析
2015/11/20 Python
python画一个玫瑰和一个爱心
2020/08/18 Python
Python3 实现串口两进程同时读写
2019/06/12 Python
Python web如何在IIS发布应用过程解析
2020/05/27 Python
python中get和post有什么区别
2020/06/19 Python
python中如何设置代码自动提示
2020/07/15 Python
Python使用grequests并发发送请求的示例
2020/11/05 Python
HTML5的一个显示电池状态的API简介
2015/06/18 HTML / CSS
施华洛世奇加拿大官网:SWAROVSKI加拿大
2018/06/03 全球购物
波兰运动鞋网上商店:Distance.pl
2020/07/30 全球购物
大学四年规划书范文
2013/12/27 职场文书
本科毕业生专业自荐书范文
2014/02/05 职场文书