javascript列表框操作函数集合汇总

 更新时间:2013年11月28日 10:13:10   作者:  
这篇文章主要是对javascript列表框操作函数进行了详细的汇总介绍,需要的朋友可以过来参考下,希望对大家有所帮助
复制代码 代码如下:

<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中的String字符串类型

    简单总结JavaScript中的String字符串类型

    就像其他语言那样,js中的字符串类型可以表示一串字符,由双引号包住,这里简单总结JavaScript中的String字符串类型的一些基础知识
    2016-05-05
  • jQuery入门问答 整理的几个常见的初学者问题

    jQuery入门问答 整理的几个常见的初学者问题

    大家可能看到了,我已经将过去写的两篇jQuery的教程删掉了,因为附件不存在了等等问题,所以删除了,从今天开始我就写jQuery教程第二版了!希望大家能够支持我!
    2010-02-02
  • javascript的几种写法总结

    javascript的几种写法总结

    下面小编就为大家带来一篇javascript的几种写法总结。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09
  • JavaScript关键字this的用法总结

    JavaScript关键字this的用法总结

    这篇文章介绍了JavaScript关键字this的用法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-06-06
  • JS中for循序中延迟加载动态效果的具体实现

    JS中for循序中延迟加载动态效果的具体实现

    今天在做一个前端的效果的时候碰到一个棘手的问题,就是实现一个动态的圆柱效果,废话不多少,直接上代码
    2013-08-08
  • 详解javascript函数写法大全

    详解javascript函数写法大全

    这篇文章主要介绍了javascript函数写法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03
  • javascript parseInt 函数分析(转)

    javascript parseInt 函数分析(转)

    javascript的parseInt函数的一些问题分析
    2009-03-03
  • 老生常谈Javascript的防抖和节流

    老生常谈Javascript的防抖和节流

    这篇文章主要为大家详细介绍了Javascript的防抖和节流,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-02-02
  • javascript编程起步(第七课)

    javascript编程起步(第七课)

    javascript编程起步(第七课)...
    2007-02-02
  • 关于什么是javascript模块化以及为何使用模块化开发

    关于什么是javascript模块化以及为何使用模块化开发

    这篇文章主要介绍了关于什么是javascript模块化以及为何使用模块化开发,模块化是一种软件开发的设计模式,它将一个大型的软件系统划分成多个独立的模块,每个模块都有自己的功能和接口,需要的朋友可以参考下
    2023-04-04

最新评论