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 相关文章推荐
ext checkboxgroup 回填数据解决
Aug 21 Javascript
快速排序 php与javascript的不同之处
Feb 22 Javascript
javaScript(JS)替换节点实现思路介绍
Apr 17 Javascript
JS 获取浏览器和屏幕宽高等信息的实现思路及代码
Jul 31 Javascript
JS关闭窗口或JS关闭页面的几种代码分享
Oct 25 Javascript
禁用Enter键表单自动提交实现代码
May 22 Javascript
JS及PHP代码编写八大排序算法
Jul 12 Javascript
AngularJS基础 ng-click 指令示例代码
Aug 01 Javascript
JavaScript 中的 this 简单规则
Sep 19 Javascript
详解Vue项目引入CreateJS的方法(亲测可用)
May 30 Javascript
在 Vue 应用中使用 Netlify 表单功能的方法详解
Jun 03 Javascript
Javascript的promise,async和await的区别详解
Mar 24 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中的时间处理
2006/10/09 PHP
用PHP将网址字符串转换成超链接(网址或email)
2010/05/25 PHP
PHP 动态生成静态HTML页面示例代码
2014/01/15 PHP
Docker搭建自己的PHP开发环境
2018/02/24 PHP
PHP使用PDO实现mysql防注入功能详解
2019/12/20 PHP
Prototype PeriodicalExecuter对象 学习
2009/07/19 Javascript
jQuery入门问答 整理的几个常见的初学者问题
2010/02/22 Javascript
TreeView 用法(有代码)(asp.net)
2011/07/15 Javascript
jquery可见性过滤选择器使用示例
2013/06/24 Javascript
使用EVAL处理jqchart jquery 折线图返回数据无效的解决办法
2015/11/26 Javascript
基于jQuery实现点击最后一行实现行自增效果的表格
2016/01/12 Javascript
Bootstrap3.0建站教程(一)之bootstrap表单元素排版
2016/06/01 Javascript
gulp加批处理(.bat)实现ng多应用一键自动化构建
2017/02/16 Javascript
基于datepicker定义自己的angular时间组件的示例
2018/03/14 Javascript
关于vue-router的那些事儿
2018/05/23 Javascript
ES6中的class是如何实现的(附Babel编译的ES5代码详解)
2019/05/17 Javascript
nodejs一个简单的文件服务器的创建方法
2019/09/13 NodeJs
JS实现随机抽选获奖者
2019/11/07 Javascript
es6函数name属性功能与用法实例分析
2020/04/18 Javascript
python利用matplotlib库绘制饼图的方法示例
2016/12/18 Python
Python中防止sql注入的方法详解
2017/02/25 Python
Windows上使用Python增加或删除权限的方法
2018/04/24 Python
Python语言快速上手学习方法
2018/12/14 Python
python urllib爬虫模块使用解析
2019/09/05 Python
python用类实现文章敏感词的过滤方法示例
2019/10/27 Python
在python中使用pymysql往mysql数据库中插入(insert)数据实例
2020/03/02 Python
Python要求O(n)复杂度求无序列表中第K的大元素实例
2020/04/02 Python
python 数据类型强制转换的总结
2021/01/25 Python
css3中用animation的steps属性制作帧动画
2019/04/25 HTML / CSS
美国机场停车位预订:About Airport Parking
2018/03/26 全球购物
SOA面试题:如何在SOA中实现松耦合
2013/07/21 面试题
生产副总岗位职责
2013/11/28 职场文书
工程材料采购方案
2014/05/18 职场文书
小学语文教师年度考核个人总结
2015/02/05 职场文书
安全生产警示教育活动总结
2015/05/09 职场文书
2015年企业团支部工作总结
2015/05/21 职场文书