在javascript中实现列表框项目转移

javascript|项目

<script language="javascript">
 function LeftToRight(Left,Right){   //左边加到右边
  for(var i=Left.length-1;i>=0;i--){
   if(Left.options[i].selected){
   var j = Right.options.length - 1;
   for (; j >= 0; j--) {
     if (Left.options(i).value == Right.item(j).value) {
      break;
      }
     }
    if (j<0) {
    var op = document.createElement("OPTION");
    op.text=Left.options[i].text;
    op.value=Left.options[i].value;
   
    Right.add(op);
    //Left.options[i] = null;
    }
   }
  }
 }
function RightToLeft(Right,Left){  //右边加到左边
  for(var i=Right.length-1;i>=0;i--){
   if(Right.options[i].selected){
   var op = document.createElement("OPTION");
   op.text=Right.options[i].text;
   op.value=Right.options[i].value;
   Left.add(op);
   Right.options[i] = null;
   }
  }
 }
 function RightToRemove(Str){  //从右边移除
  for(var i=Str.length-1;i>=0;i--){
   if(Str.options[i].selected){
    Str.options[i] = null;
   }
  }
 }
</script>

<SELECT NAME="left" size="10" multiple="true">
<option value="1">AAA</option>
<option value="2">BBB</option>
<option value="3">CCC</option>
<option value="4">DDD</option>
<option value="5">EEE</option>
</SELECT>
<input type="button" value="--->" ><br/>
<br/>
<input type="button" value="<---" ><Br /><Br />
<input type="button" value="<-->" >

<SELECT NAME="right" size="10" multiple="true" ></SELECT>

时间: 2024-08-02 06:31:15

在javascript中实现列表框项目转移的相关文章

JavaScript控制listbox列表框的项目上下移动的方法

 这篇文章主要介绍了JavaScript控制listbox列表框的项目上下移动的方法,实例分析了javascript操作listbox列表框的技巧,非常具有实用价值,需要的朋友可以参考下     本文实例讲述了JavaScript控制listbox列表框的项目上下移动的方法.分享给大家供大家参考.具体分析如下: 这段JS代码可以控制listbox内的元素向上或者向下移动,这个功能非常有用.下面是详细的代码 代码如下: function listbox_move(listID, direction

JavaScript控制listbox列表框的项目上下移动的方法_javascript技巧

本文实例讲述了JavaScript控制listbox列表框的项目上下移动的方法.分享给大家供大家参考.具体分析如下: 这段JS代码可以控制listbox内的元素向上或者向下移动,这个功能非常有用.下面是详细的代码 复制代码 代码如下: function listbox_move(listID, direction) {     var listbox = document.getElementById(listID);     var selIndex = listbox.selectedInd

mfc 属性页 列表控件-属性页中添加列表框控件,当我点击下一步时,想让列表显示信息

问题描述 属性页中添加列表框控件,当我点击下一步时,想让列表显示信息 我在用向导模式实现数据库导入,想实现当点击下一步时,能够在列表控件中添加信息,这个信息提示着数据库导入到哪了,与进度条差不多,可是我在OnWizardNext()中添加m_ListCtrl.InsertItem(1,"数据库导入中,请稍后.....");,一开始并不显示着一行信息,等数据库导入完成后才跳出信息,请问我该怎么弄

JavaScript中通过提示框跳转页面的方法_javascript技巧

通过提示框跳转页面具体代码如下所示: <!doctype html> <html lang="en"> <head> <meta charset="UTF-"> <title>Document</title> </head> <body> <script> window.onload = function(){ //设置当页面加载时执行 var btn =do

JavaScript实现动态删除列表框值的方法_javascript技巧

本文实例讲述了JavaScript实现动态删除列表框值的方法.分享给大家供大家参考.具体如下: 使用JavaScript 动态删除列表框中的值,实际运用中可能效果会比较复杂,这只是一个基本功能单元,很多都是在此基础上扩展而来,运行代码点击"删除",会将列表框中的值一一删除,只保留一项数据. 运行效果截图如下: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

用C++ Buider制作自绘画列表框

C++ Builder中的列表框和组合框控件都已经提供了自绘画接口.使用这些接口可以实现把列表框和组合框中的项目显示为图像.如果把这种功能封装成组件就更妙了,下面以列表框为例,示范这一过程. 一 实现原理 列表框有的Style属性定义了三种风格,lbStandard风格只能显示文本,bOwner-DrawFixed与lbOwnerDrawVariable风格可以实现自绘画功能,所不同的是,具有前者风格的列表框中每一项的高度都是相同的,后者允许应用程序为每一项定义不同高度. 具有自绘画风格的列表框

【推荐】一个非常漂亮的列表框

<HTML> <HEAD> <TITLE></TITLE> <SCRIPT LANGUAGE=javascript> function getSelected() { return LISTtext.innerText } function LISTI_onmouseover(item) { LISTI0.style.color = LB_FGC LISTI1.style.color = LB_FGC LISTI2.style.color = L

javascript数组与列表教程

javascript: 数组 数组是编程世界里最常见的数据结构.任何一种编程语言都包含数组,只是形式稍微有差异.数组是编程语言中的内建类型,通常效率都很高.可以满足不同需求的数据存储,本章将探索javascript中的数组工作原理,以及它们的使用场合. 一:javascript中对数组的定义 数组的标准定义是:一个存储元素的线性集合(collection),元素可以通过索引来任意存储,索引通常是数字,用于计算元素之间存储位置的偏移量.几乎所有的编程语言都有类似的数据结构.然而javascript

JavaScript如何实现组合列表框中元素移动效果_javascript技巧

 首先给大家说下组合框和列表框的区别: 组合框包括列表框和文本框的功能 文本框:只能输入数据 列表框:只能选择数据 组合框:既能输入数据,又能选择`` 应用背景:在页面中有两个列表框,需要把其中一个列表框的元素移动到另一个列表框 . 实现的基本思想: (1)编写init方法对两个列表框进行初始化: (2)为body添加onload事件调用init方法: (3)编写move(s1,s2)把s1中选中的选项移到s2; (4)编写moveAll(s1,s2)把s1中所有的选项都移到s2. (5)为按钮