列表中项的自由加减实现的例子

原创 2005年04月28日 16:49:00

<div align=center>
<form>
  <table align=center bgcolor="#e0e0e0" width=600 border=0 cellpadding=0 cellspacing=0>
<tr><td height=4></td></tr>
<tr><td>&nbsp;待选择的部门列表:</td><td></td><td>&nbsp;已选择的部门列表:</td></tr>

<tr><td>

<select name="CanSel" size="24" style="background-color: #ffffff; word-spacing: 0;width:300" multiple ondblclick="AddOne();">
   
     <option value="'N900'">安技环保部</option>
   
     <option value="'1600'">安技环保处</option>
       
     <option value="'9400'">报社</option>
      
     <option value="'C300'">采购部</option>
           
     <option value="'N000'">厂长办公室</option>
       
     <option value="'3220'">冲压厂技术科</option>
   
     <option value="'2000'">党委办公室</option>
   
     <option value="'D200'">党委宣传部</option>
       
     <option value="'D100'">党委组织部</option>
   
     <option value="'2400'">党校</option>
   
     <option value="'3500'">第二车体厂</option>
       
     <option value="'4300'">第二装配厂</option>
       
     <option value="'3A00'">第三装配厂</option>
   
     <option value="'3400'">第一车体厂</option>
   
     <option value="'3600'">第一装配厂</option>
       
     <option value="'4200'">电镀车间</option>
   
     <option value="'9500'">电视台</option>
       
     <option value="'E800'">动力厂</option>
   
     <option value="'4000'">锻工车间</option>
   
     <option value="'D400'">工会</option>
       
     <option value="'B000'">公司办公室</option>
       
     <option value="'B400'">计划财务部</option>
       
     <option value="'0700'">监察审计部</option>
      
     <option value="'6300'">进出口公司</option>
       
     <option value="'4100'">精铸车间</option>
       
     <option value="'N700'">离退休管理部</option>
       
     <option value="'E600'">木工厂</option>
               
     <option value="'C500'">品质保证部</option>
       
     <option value="'B100'">企业管理部</option>
   
     <option value="'B110'">信息中心</option>
       
     <option value="'B600'">企业文化部</option>
        
     <option value="'B300'">人力资源部</option>
       
     <option value="'N600'">社会工作部</option>
           
     <option value="'C400'">生产制造部</option>
           
     <option value="'C600'">市场二部</option>
   
     <option value="'C200'">市场一部</option>
   
     <option value="'2700'">团委</option>
   
     <option value="'C100'">研发中心</option>
   
     <option value="'0350'">职工培训中心</option>
   
     <option value="'1500'">质量保证部</option>
   
     <option value="'3000'">铸钢厂</option>
   
     <option value="'3300'">转向架厂</option>
   
     <option value="'N300'">资产管理部</option>
   
     <option value="'B800'">综合保障部</option>
   
     <option value="'2200'">组织部</option>
   
</select>
 </td>
 
 <td align=center width=40>
 <table width=100%>
 <tr><td align=center ><input type=button name="AddSel" value=">" onclick="AddSele();" title="添加所选择的部门"></td></tr>
 <tr><td align=center ><input type=button name="AddAll" value="≥" onclick="AddAlle();" title="添加所有的部门"></td></tr>
 <tr><td align=center ><input type=button name="DelSel" value="<" onclick="DelSele();" title="删掉所选择的部门"></td></tr>
 <tr><td align=center ><input type=button name="DelAll" value="≤" onclick="DelAlle();" title="删掉所有的部门"></td></tr>
 </table>
 
 </td>
 
 
 
 <td align=right>
 <select name="HaveSel" size="24" style="background-color: #ffffff; word-spacing: 0;width:300" multiple  ondblclick="DelOne();">

</select>
 </td></tr>
 </table></form>
 </div>
 
   
   <script language=javascript>
    var fldFrom=document.forms[0].CanSel;    //待选择单位列表
    var fldTo=document.forms[0].HaveSel;     //已添加单位列表

  //判断当前选择的是否已经添加了
  function isNotExist(oneStr,oneSel)
  {
    for(var i=0;i<oneSel.length;i++)
 {
    if (oneSel.options[i].text==oneStr)
    {
       return false;
       break;
      }
 }
 return true;
  }
 
  //添加选择的
  function AddSele()
  {
    for(var i=0;i<fldFrom.length;i++)
 {
    if (fldFrom.options[i].selected )
    {
      if (isNotExist(fldFrom.options[i].text,fldTo))
         {fldTo.options[fldTo.length] = new Option(fldFrom.options[i].text,fldFrom.options[i].value);
         }
          
      }
     
            fldFrom.options[i].selected=false;
     
 }
  }
 
 
   //删除选择的
  function DelSele()
  {
    for(var i=fldTo.length-1;i>=0;i--)
 {
    if (fldTo.options[i].selected )
    {
        fldTo.options[i] = null;
      }
 }
  }
 
  //添加所有的
  function AddAlle()
  {
    fldTo.length=0;
     for(var i=0;i<fldFrom.length;i++)
 {
  fldTo.options[fldTo.length] = new Option(fldFrom.options[i].text,fldFrom.options[i].value);
  fldFrom.options[i].selected=false;
 }
  }
 
 
 //添加一个(双击)
  function AddOne()
  {
   
  if (isNotExist(fldFrom.options[fldFrom.selectedIndex].text,fldTo))
  {fldTo.options[fldTo.length] = new Option(fldFrom.options[fldFrom.selectedIndex].text,fldFrom.options[fldFrom.selectedIndex].value);
  fldFrom.options[fldFrom.selectedIndex].selected=false;
  }
  }
 
 
 //删除所有
  function DelAlle()
  {
    fldTo.length=0;
  }
 
  //删除一个(双击)
  function DelOne()
  {
    fldTo.options[fldTo.selectedIndex]=null;
  }
 
  //进入前判断
 function goEnter()
 {
        if (fldTo.length==0)
         {
           alert("请选择至少一个部门!");
         }
        else
         {
              for(var i=0;i<fldTo.length;i++)
            {           
            fldTo.options[i].selected=true;
            }
             
     
               document.forms[0].submit();
          
           
           for(var i=0;i<fldTo.length;i++)
            {           
            fldTo.options[i].selected=false;
            }           
         }
 }
 

</script>  

jQuery 实现列表中的数字加减框&JSON化数据

关于jquery实现列表中的数字加减框&JSON化数据

java界面-加减-下拉列表文本框按钮

import java.awt.event.WindowAdapter; import java.awt.event.WindowEvent; import javax.swing.JFrame; ...
  • jankin6
  • jankin6
  • 2016年11月15日 12:35
  • 1415

ExpandableListView+Dialog实现弹出二级下拉列表选项。可自由用于Activity和Fragment中

话说今天刚是本人 失业第二天。已经感觉有点无聊了。对于这次失业挺突然的。不过想通之后也没啥可惋惜的。毕竟身怀技术走到哪都不怕找不到饭碗。作为技术人员要做的首要就是不断提高自身技术水平,以适应这个瞬息万...

利用简单的自由布局实现实现下来列表式菜单

利用了一点点自由布局可以很方便的自由添加多个菜单项,代码如下: import java.awt.BorderLayout; import java.awt.Color; import java.awt...

javaweb实现简单的加减

  • 2013年11月27日 23:36
  • 6KB
  • 下载

数据结构链表实现多项式加减乘

  • 2013年04月11日 20:46
  • 2.98MB
  • 下载

Android使用自定义View实现购物车的加减

实现自定义控件的三种方法:组合控件、自绘控件、继承控件 (一)组合控件 组合控件顾名思义就是将一些小的控件组合起来形成一个新的控件,这些小的控件多是系统自带的控件。比如很多应用中普遍使...

javascript实现日期按月份加减

项目中需要用到,自己写了一个。javascript日期按月加减。 方法一: function dateToDate(date) { var sDate ...
  • dmlcq
  • dmlcq
  • 2017年07月03日 16:42
  • 516
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:列表中项的自由加减实现的例子
举报原因:
原因补充:

(最多只允许输入30个字)