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拖拽的效果类和dom-drag.js浅析
Jul 17 Javascript
js 上传图片预览问题
Dec 06 Javascript
Extjs中使用extend(js继承) 的代码
Mar 15 Javascript
jquery插件开发之实现jquery手风琴功能分享
Mar 10 Javascript
jquery获取tagName再进行判断
May 29 Javascript
Javascript Memoizer浅析
Oct 16 Javascript
JavaScript实现动态添加,删除行的方法实例详解
Jul 02 Javascript
使用js复制链接中的部分文字的方法
Jul 30 Javascript
好好了解一下Cookie(强烈推荐)
Jun 14 Javascript
深入理解 JavaScript 中的 JSON
Apr 06 Javascript
微信小程序实现折叠展开效果
Jul 19 Javascript
Vue使用zTree插件封装树组件操作示例
Apr 25 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
第十节 抽象方法和抽象类 [10]
2006/10/09 PHP
php去掉字符串的最后一个字符附substr()的用法
2011/03/23 PHP
javascript+iframe 实现无刷新载入整页的代码
2010/03/17 Javascript
Javascript中的String对象详谈
2014/03/03 Javascript
jquery常用方法及使用示例汇总
2014/11/08 Javascript
JavaScript实现向setTimeout执行代码传递参数的方法
2015/04/16 Javascript
jquery动感漂浮导航菜单代码分享
2020/04/15 Javascript
Javascript实现快速排序(Quicksort)的算法详解
2015/09/06 Javascript
jQuery选择器基础入门教程
2016/05/10 Javascript
基于jquery插件编写countdown计时器
2016/06/12 Javascript
jquery ajax后台返回list,前台用jquery遍历list的实现
2016/10/30 Javascript
js自定义QQ菜单效果
2017/01/10 Javascript
微信小程序商城项目之商品属性分类(4)
2017/04/17 Javascript
微信小程序 flex实现导航实例详解
2017/04/26 Javascript
javaScript 连接打印机,打印小票的实例
2017/12/29 Javascript
JS实现左边列表移到到右边列表功能
2018/03/28 Javascript
js实现动态增加文件域表单功能
2018/10/22 Javascript
原生JS实现顶部导航栏显示按钮+搜索框功能
2019/12/25 Javascript
Vuex实现购物车小功能
2020/08/17 Javascript
原生js实现分页效果
2020/09/23 Javascript
WebStorm中如何将自己的代码上传到github示例详解
2020/10/28 Javascript
python发送邮件示例(支持中文邮件标题)
2014/02/16 Python
Python导入txt数据到mysql的方法
2015/04/08 Python
简单介绍Python中的readline()方法的使用
2015/05/24 Python
Python for Informatics 第11章 正则表达式(一)
2016/04/21 Python
浅谈Python生成器generator之next和send的运行流程(详解)
2017/05/08 Python
python代码 输入数字使其反向输出的方法
2018/12/22 Python
基于 HTML5 WebGL 实现的垃圾分类系统
2019/10/08 HTML / CSS
寻找完美的房车租赁:RVShare
2019/02/23 全球购物
Waterford英国官方网站:世界上最受欢迎的优质水晶品牌
2019/08/17 全球购物
罗技英国官方网站:Logitech UK
2020/11/03 全球购物
医药类个人求职的自我评价
2014/02/12 职场文书
就业推荐表导师评语
2014/12/31 职场文书
女儿满月酒致辞
2015/07/29 职场文书
请假条应该怎么写?
2019/06/24 职场文书
Java使用HttpClient实现文件下载
2022/08/14 Java/Android