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导航菜单(自写)简单大方
Mar 28 Javascript
只需一行代码,轻松实现一个在线编辑器
Nov 12 Javascript
JavaScript实现的使用键盘控制人物走动实例
Aug 27 Javascript
JavaScript实现检查页面上的广告是否被AdBlock屏蔽了的方法
Nov 03 Javascript
jQuery中offset()方法用法实例
Jan 16 Javascript
js仿支付宝多方框输入支付密码效果
Sep 27 Javascript
微信小程序与php 实现微信支付的简单实例
Jun 23 Javascript
使用命令行工具npm新创建一个vue项目的方法
Dec 27 Javascript
记一次用vue做的活动页的方法步骤
Apr 11 Javascript
js实现的格式化数字和金额功能简单示例
Jul 30 Javascript
vue实现弹幕功能
Oct 25 Javascript
JS操作Fckeditor的一些常用方法(获取、插入等)
Feb 19 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
造就帕卡马拉的帕卡斯是怎么被发现的
2021/03/03 咖啡文化
php 文件上传实例代码
2012/04/19 PHP
基于php无限分类的深入理解
2013/06/02 PHP
PHP读取文件内容后清空文件示例代码
2014/03/18 PHP
php多线程并发实现方法
2016/09/30 PHP
PHP简单计算两个时间差的方法示例
2017/06/20 PHP
超级兔子让浮动层消失的前因后果
2007/03/09 Javascript
js 判断 enter 事件
2009/02/12 Javascript
JavaScript 学习初步 入门教程
2010/03/25 Javascript
JQuery中SetTimeOut传参问题探讨
2013/05/10 Javascript
下拉菜单点击实现连接跳转功能的js代码
2013/05/19 Javascript
Jquery图片延迟加载插件jquery.lazyload.js的使用方法
2014/05/21 Javascript
javascript面向对象特性代码实例
2014/06/12 Javascript
jquery实现类似淘宝星星评分功能有截图
2014/09/15 Javascript
浅谈vue方法内的方法使用this的问题
2018/09/15 Javascript
Angular 实现输入框中显示文章标签的实例代码
2018/11/07 Javascript
对layui中的onevent 和event的使用详解
2019/09/06 Javascript
jquery更改元素属性attr()方法操作示例
2020/05/22 jQuery
Python中的Numpy入门教程
2014/04/26 Python
Python实现单词拼写检查
2015/04/25 Python
Python实现在matplotlib中两个坐标轴之间画一条直线光标的方法
2015/05/20 Python
python async with和async for的使用
2019/06/20 Python
Django REST Framework序列化外键获取外键的值方法
2019/07/26 Python
使用Python实现图像标记点的坐标输出功能
2019/08/14 Python
Python日志处理模块logging用法解析
2020/05/19 Python
社区版pycharm创建django项目的方法(pycharm的newproject左侧没有项目选项)
2020/09/23 Python
大学军训感言
2014/01/10 职场文书
承诺书格式范文
2014/06/03 职场文书
元旦联欢会策划方案
2014/06/11 职场文书
高一学年自我鉴定范文(3篇)
2014/09/26 职场文书
健康状况证明模板
2014/10/23 职场文书
商业门面租房协议书
2014/11/25 职场文书
2014年社区教育工作总结
2014/12/02 职场文书
2015年小学中秋节活动总结
2015/03/23 职场文书
环境卫生整治简报
2015/07/20 职场文书
2015年社区消防安全工作总结
2015/10/14 职场文书