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 相关文章推荐
关于文本框的一些限制控制总结~~
Apr 15 Javascript
jQuery学习笔记(3)--用jquery(插件)实现多选项卡功能
Apr 08 Javascript
在JS中解析HTML字符串示例代码
Apr 16 Javascript
ECMAScript 5严格模式(Strict Mode)介绍
Mar 02 Javascript
jQuery实现可编辑的表格实例讲解(2)
Sep 17 Javascript
EasyUi combotree 实现动态加载树节点
Apr 01 Javascript
jQuery制作圣诞主题页面 更像是爱情影集
Aug 10 Javascript
js编写选项卡效果
May 23 Javascript
angular select 默认值设置方法
Jun 23 Javascript
微信小程序 wepy框架与iview-weapp的用法详解
Apr 10 Javascript
JS数组中对象去重操作示例
Jun 04 Javascript
JS+JQuery实现无缝连接轮播图
Dec 30 jQuery
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遍历目录viewDir函数
2009/12/15 PHP
常用的PHP数据库操作方法(MYSQL版)
2011/06/08 PHP
关于php 接口问题(php接口主要也就是运用curl,curl函数)
2013/07/01 PHP
php实现文件下载实例分享
2014/06/02 PHP
ThinkPHP3.1新特性之动态设置自动完成及自动验证示例代码
2014/06/23 PHP
在openSUSE42.1下编译安装PHP7 的方法
2015/12/24 PHP
php 数组处理函数extract详解及实例代码
2016/11/23 PHP
php利用fsockopen GET/POST提交表单及上传文件
2017/05/22 PHP
Yii2.0使用阿里云OSS的SDK上传图片、下载、删除图片示例
2017/09/20 PHP
JS OOP包机制,类创建的方法定义
2009/11/02 Javascript
jQuery去掉字符串起始和结尾的空格(多种方法实现)
2013/04/01 Javascript
cookie中的path与domain属性详解
2013/12/18 Javascript
Node.js实现简单聊天服务器
2014/06/20 Javascript
jQuery模拟原生态App上拉刷新下拉加载更多页面及原理
2015/08/10 Javascript
微信小程序 实例应用(记账)详解
2016/09/28 Javascript
JS制作适用于手机和电脑的通知信息效果
2016/10/28 Javascript
Vue.js 2.0 移动端拍照压缩图片预览及上传实例
2017/04/27 Javascript
Vee-Validate的使用方法详解
2017/09/22 Javascript
react 实现页面代码分割、按需加载的方法
2018/04/03 Javascript
解决vue props 拿不到值的问题
2018/09/11 Javascript
在小程序中使用canvas的方法示例
2018/09/17 Javascript
Vue组件实现触底判断
2019/06/26 Javascript
JavaScript实现留言板案例
2020/03/17 Javascript
VUE动态生成word的实现
2020/07/26 Javascript
jquery实现抽奖功能
2020/10/22 jQuery
[01:32:22]DOTA2-DPC中国联赛 正赛 Ehome vs VG BO3 第一场 2月5日
2021/03/11 DOTA
详解Python如何生成词云的方法
2018/06/01 Python
Python日期时间对象转换为字符串的实例
2018/06/22 Python
python读写LMDB文件的方法
2018/07/02 Python
python将字典内容写入json文件的实例代码
2020/08/12 Python
Python实现播放和录制声音的功能
2020/08/12 Python
python判断all函数输出结果是否为true的方法
2020/12/03 Python
css3 transform过渡抖动问题解决
2020/10/23 HTML / CSS
会议主持人开场白台词
2015/05/28 职场文书
简历上的自我评价,该怎么写呢?
2019/06/13 职场文书
python 判断字符串当中是否包含字符(str.contain)
2022/06/01 Python