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>

时间: 2024-10-27 15:10:21

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

JavaScript数据结构与算法之集合(Set)_基础知识

集合(Set) 说起集合,就想起刚进高中时,数学第一课讲的就是集合.因此在学习集合这种数据结构时,倍感亲切. 集合的基本性质有一条: 集合中元素是不重复的.因为这种性质,所以我们选用了对象来作为集合的容器,而非数组. 虽然数组也能做到所有不重复,但终究过于繁琐,不如集合. 集合的操作 集合的基本操作有交集.并集.差集等.这儿我们介绍JavaScipt集合中交集.并集.差集的实现. JavaScipt中集合的实现 首先,创建一个构造函数. /** * 集合的构造函数 */ function Set

JavaScript基础函数整理汇总_基础知识

这里给大家整理汇总了一些javascript的基础函数,都是比较常用和实用的.整理出来也有助于大家更好的理解javascript. 复制代码 代码如下: <script type="text/javascript">     /*创建函数和字面量函数*/     /*         function add(){             alert("函数创建成功")         };         var testfunction=functi

JavaScript中的eval()函数详解_基础知识

eval("1+2"),-> 3       动态判断源代码中的字符串是一种很强大的语言特性,几乎没有必要在实际中应用.如果你使用了eval(),你应当仔细考虑是否真的需要使用它. 一.eval()是一个函数还是一个运算符 eval()是一个函数,但由于它已经被当成运算符来对待了..JavaScript语言的早期版本定义了eval函数,现代JavaScript解释器进行了大量的代码分析和优化.而eval的问题在于,用于动态执行的代码通常来讲不能分析,换句话说,如果一个函数调用了e

javascript中定义类的方法汇总_基础知识

JS中定义类的方式有很多种: 1.工厂方式 复制代码 代码如下:   function Car(){    var ocar = new Object;    ocar.color = "blue";    ocar.doors = 4;    ocar.showColor = function(){     document.write(this.color)    };    return ocar;   }   var car1 = Car();   var car2 = Car

JavaScript DOM操作表格及样式_基础知识

一 操作表格 <table>标签是HTML中结构最为复杂的一个,我们可以通过DOM来创建生成它,或者HTMLDOM来操作它; // 使用DOM来创建表格; var table = document.createElement('table'); table.border = 1; table.width = 300; var caption = document.createElement('caption'); table.appendChild(caption); caption.appe

JavaScript操作Cookie详解_基础知识

什么是 Cookie "cookie 是存储于访问者的计算机中的变量.每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie.你可以使用 JavaScript 来创建和取回 cookie 的值." - w3school cookie 是访问过的网站创建的文件,用于存储浏览信息,例如个人资料信息. 从JavaScript的角度看,cookie 就是一些字符串信息.这些信息存放在客户端的计算机中,用于客户端计算机与服务器之间传递信息. 在JavaScript中可以通过 doc

JavaScript函数详解_基础知识

简介 在很多传统语言(C/C++/Java/C#等)中,函数都是作为一个二等公民存在,你只能用语言的关键字声明一个函数然后调用它,如果需要把函数作为参数传给另一个函数,或是赋值给一个本地变量,又或是作为返回值,就需要通过函数指针(function pointer).代理(delegate)等特殊的方式周折一番. 而在JavaScript世界中函数却是一等公民,它不仅拥有一切传统函数的使用方式(声明和调用),而且可以做到像简单值一样赋值.传参.返回,这样的函数也称之为第一级函数(First-cla

JS 模态对话框和非模态对话框操作技巧汇总_基础知识

模态窗口 javascript 技巧汇总(传值.打开.刷新) 1.要弹出的页面中,一定要保证<head></head>标签间有<base target="_self">,否则会弹出的模态窗口上,点击按钮时,会再次弹出一个新页面. 2.被弹出页面的按钮的事件处理中,应该有Response.Write(new Function().ClosePage());语句,用以关闭当前的模态窗口. 3.因为幽默的缓存原因,如果你在模态窗口中修改了数据,你会发现,父