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基本语法

    javascript基本语法

    本文通过运算符、表达式、语句、函数、对象、事件、变量讲解javascript的基本语法,需要的朋友可以参考下。
    2016-05-05
  • javascript基础语法——全面理解变量和标识符

    javascript基础语法——全面理解变量和标识符

    下面小编就为大家带来一篇javascript基础语法——全面理解变量和标识符。小编觉得挺不错的,现在就分享给大家,也给大家做个参考,一起跟随小编过来看看吧
    2016-06-06
  • js取得url地址参数实例

    js取得url地址参数实例

    js取得url地址参数实例,需要的朋友可以参考一下
    2013-02-02
  • 总结js函数相关知识点

    总结js函数相关知识点

    本篇文章给大家简要分析了JS中函数相关的重要知识点,对此有兴趣的朋友可以参考学习下。
    2018-02-02
  • JS严格模式知识点总结

    JS严格模式知识点总结

    本篇文章给大家整理了JS严格模式下的相关知识点以及代码实例分享,感兴趣的跟着小编一起学习下吧。
    2018-02-02
  • javascript Event对象详解及使用示例

    javascript Event对象详解及使用示例

    Event代表事件状态,如事件发生的元素,键盘状态,鼠标位置和鼠标按钮状态,event对象只在事件发生的过程中才有效,本文整理了一些,喜欢的朋友可以学习下
    2013-11-11
  • ASP.NET实现Repeater控件的数据绑定

    ASP.NET实现Repeater控件的数据绑定

    这篇文章介绍了ASP.NET实现Repeater控件数据绑定的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-07-07
  • js 延迟加载 改变JS的位置加快网页加载速度

    js 延迟加载 改变JS的位置加快网页加载速度

    当一个网站有很多js代码要加载,js代码放置的位置在一定程度上将会影像网页的加载速度,为了提高加载速度,本文总结了一下几个注意点
    2012-12-12
  • [转]JS宝典学习笔记

    [转]JS宝典学习笔记

    [转]JS宝典学习笔记...
    2007-02-02
  • JavaScript中变量的作用域详解

    JavaScript中变量的作用域详解

    本文详细讲解了JavaScript中变量的作用域,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-03-03

最新评论