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 相关文章推荐
2007/12/23更新创意无限,简单实用(javascript log)
Dec 24 Javascript
node.js中的http.createServer方法使用说明
Dec 14 Javascript
jQuery插件pagewalkthrough实现引导页效果
Jul 05 Javascript
简单了解Backbone.js的Model模型以及View视图的源码
Feb 14 Javascript
BootStrap的table表头固定tbody滚动的实例代码
Aug 24 Javascript
VUE中使用Vue-resource完成交互
Jul 21 Javascript
详解从Vue.js源码看异步更新DOM策略及nextTick
Oct 11 Javascript
JavaScript引用类型Date常见用法实例分析
Aug 08 Javascript
VUE项目中加载已保存的笔记实例方法
Sep 14 Javascript
jsonp格式前端发送和后台接受写法的代码详解
Nov 07 Javascript
Vue2.X和Vue3.0数据响应原理变化的区别
Nov 07 Javascript
微信小程序 scroll-view 实现锚点跳转功能
Dec 12 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 数组的创建、调用和更新实现代码
2009/03/09 PHP
基于Zookeeper的使用详解
2013/05/02 PHP
使用PHP Socket写的POP3类
2013/10/30 PHP
PHP的switch判断语句的“高级”用法详解
2014/10/01 PHP
phplot生成图片类用法详解
2015/01/06 PHP
基于PHP实现用户注册登录功能
2016/10/14 PHP
js 鼠标点击事件及其它捕获
2009/06/04 Javascript
JavaScript 原型链学习总结
2010/10/29 Javascript
jQuery UI Autocomplete 体验分享
2012/02/14 Javascript
捕获键盘事件(且兼容各浏览器)
2013/07/03 Javascript
常用js字符串判断方法整理
2013/10/18 Javascript
js 与 php 通过json数据进行通讯示例
2014/03/26 Javascript
Jquery实现Div上下移动示例
2014/04/23 Javascript
深入理解javascript中的立即执行函数(function(){…})()
2014/06/12 Javascript
JS模态窗口返回值兼容问题的完美解决方法
2016/05/28 Javascript
jQuery实现页面下拉100像素出现悬浮窗口的方法
2016/09/05 Javascript
ES6学习教程之对象的扩展详解
2017/05/02 Javascript
详解angular2如何手动点击特定元素上的点击事件
2018/10/16 Javascript
vue 获取到数据但却渲染不到页面上的解决方法
2020/11/19 Vue.js
python使用BeautifulSoup分析网页信息的方法
2015/04/04 Python
利用Python脚本在Nginx和uwsgi上部署MoinMoin的教程
2015/05/05 Python
浅谈python中scipy.misc.logsumexp函数的运用场景
2016/06/23 Python
Python 多线程的实例详解
2017/09/07 Python
Python cookbook(数据结构与算法)找到最大或最小的N个元素实现方法示例
2018/02/13 Python
在Python中Dataframe通过print输出多行时显示省略号的实例
2018/12/22 Python
python的内存管理和垃圾回收机制详解
2019/05/18 Python
浅谈Python_Openpyxl使用(最全总结)
2019/09/05 Python
解决python-docx打包之后找不到default.docx的问题
2020/02/13 Python
Django视图、传参和forms验证操作
2020/07/15 Python
Python 在 VSCode 中使用 IPython Kernel 的方法详解
2020/09/05 Python
HTML5 Canvas中绘制椭圆的4种方法
2015/04/24 HTML / CSS
招标保密承诺书
2015/01/20 职场文书
绍兴鲁迅故居导游词
2015/02/09 职场文书
2015年城管个人工作总结
2015/05/15 职场文书
色戒观后感
2015/06/12 职场文书
MYSQL如何查看进程和kill进程
2022/03/13 MySQL