zoukankan      html  css  js  c++  java
  • ListBox的操作

       主要实现功能是将ListBox1中的选择项移动到ListBox2中:
      
     1function moveOption(e1, e2,type)
     2                {
     3                    if( type == 'part' )
     4                    {
     5                        for(var i=0;i<e1.options.length;i++)
     6                        {
     7                            if(e1.options[i].selected)
     8                            {
     9                                var e = e1.options[i];
    10                                e2.options.add(new Option(e.text, e.value));
    11                                e1.remove(i);
    12                                i=i-1
    13                            }

    14                        }

    15                    }

    16                    
    17                    if( type == 'all' )
    18                    {
    19                        for(var i=0;i<e1.options.length;i++)
    20                        {
    21                            var e = e1.options[i];
    22                            e2.options.add(new Option(e.text, e.value));
    23                            e1.remove(i);
    24                            i=i-1
    25                        }

    26                    }

    27                    document.all.HiddenprjA.value = getvalue( document.all.lbprjnameA );
    28                    document.all.HiddenprjB.value = getvalue( document.all.lbprjnameB );
    29                }

    30                
    31                function getvalue(listContrl){
    32                var allvalue = "";
    33                for(var i=0;i<listContrl.options.length;i++){
    34                allvalue +=listContrl.options[i].value + ",";
    35                }

    36                return allvalue;
    37                }
       说明:e1,e2分别是ListBox1和ListBox2,type指的是是否全部移动,当然,要保存到数据库中还是需要在后台写一部分代码的。
  • 相关阅读:
    JavaScript设计模式(策略模式)
    JavaScript设计模式(单例模式)
    react中数据持久化缓存redux-persist
    webpack编写一个plugin插件
    webpack自定义loader并发布
    Vue用递归实现一个消除输入框表情符的自定义directive
    Spring MVC表单防重复提交
    @Controller,@Service,@Repository,@Component详解
    Spring Enable*高级应用及原理
    Spring Aware容器感知技术
  • 原文地址:https://www.cnblogs.com/oldhorse/p/445940.html
Copyright © 2011-2022 走看看