`
zgqynx
  • 浏览: 1364175 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Javascript: 两个列表框之间移动数据

阅读更多
http://topic.csdn.net/t/20020527/15/756343.html

<table>  
  <td>  
  <select   multiple   size=10   name=sel1>  
  <option>1  
  <option>2  
  <option>3  
  <option>4  
  <option>5  
  <option>6  
  <option>7  
  <option>8  
  </select>  
  <td>  
  <input   type=button   onclick=go(sel1,sel2)   value=">>"><br>  
  <input   type=button   onclick=go(sel2,sel1)   value="<<"><br>  
  <input   type=button   onclick=show(sel2)   value="show"><br>  
  <td>  
  <select   multiple   size=10   name=sel2>  
  </select>  
  </td>  
  </table>  
  <script>  
  function   go(obj1,obj2){  
  for(i=0;i<obj1.length;i++)  
  if(obj1.options[i].selected){  
  obj2.add(new   Option(obj1.options[i].text,obj1.options[i].value))  
  obj1.remove(i--);  
  }  
  }  
  function   show(obj1){  
  var   ret="其中有"  
  for(i=0;i<obj1.length;i++)ret+="\n"+obj1.options[i].text  
  alert(ret)  
  }  
  </script>   
分享到:
评论

相关推荐

    JavaScript如何实现组合列表框中元素移动效果_.docx

    2. 使用 JavaScript 实现组合列表框中元素移动效果:需要编写 init 方法对两个列表框进行初始化,并编写 move 和 moveAll 函数将选中的选项移到另一个列表框中。 3. 使用 selectedIndex 属性获取当前选中的选项:...

    基于纯js是实现的能够在上下两个列表框及数据项位置移动的程序代码

    本项目就是利用JavaScript实现的一个功能,允许用户在两个列表框之间以及列表内部移动数据项。以下是对这个程序代码的详细解析: 1. **列表框(List Box)**: 列表框是HTML中的一种常见元素,通常用`&lt;select&gt;`...

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

    应用背景:在页面中有两个列表框,需要把其中一个列表框的元素移动到另一个列表框 。  实现的基本思想:  (1)编写init方法对两个列表框进行初始化;  (2)为body添加onload事件调用init方法;  (3)编写...

    JavaScript控制两个列表框listbox左右交换数据的方法

    总结来说,JavaScript的`listbox_moveacross`函数实现了在两个列表框之间移动被选中选项的功能,适用于需要用户交互选择并转移数据的场景,如设置选择、多选过滤等。这个功能的实现依赖于对DOM操作的深入理解,包括...

    一个基于纯js实现的左右列表框源码

    1. **ListTest.htm**:这是一个测试页面,它可能包含了左右两个列表框以及用于控制它们之间数据流动的按钮。开发者可以在这个页面上查看和测试源码的实际效果。 2. **sample_select_list.htm** 和 **sample_list_...

    jQuery实现双向选择列表框

    用户可以通过单击或双击在两个列表之间移动项,从而实现数据的双向同步。这种设计常见于需要用户从多个选项中做出选择的场景,如用户角色分配、权限设置等。 实现这个功能,我们需要关注以下几个核心步骤: 1. **...

    完整版超级编辑框和超级列表框联动输入.e.rar

    “联动输入”是指两个控件之间的一种交互方式,当在一个控件(如超级编辑框)中输入或选择内容时,另一个控件(如超级列表框)会根据输入的内容自动更新或过滤其显示的内容。这种联动可以实现快速的数据过滤和关联,...

    使用JQuery左右移动下拉列表框中的值

    标题“使用JQuery左右移动下拉列表框中的值”涉及的是在网页开发中利用JavaScript库JQuery来操作HTML的下拉列表(select元素),特别是实现选中项在两个并排的下拉列表之间动态移动的功能。这样的功能常见于用户需要...

    jQuery实现左右两个列表框的内容相互移动功能示例

    本篇内容主要介绍了如何使用jQuery技术实现在网页上左右两个列表框之间内容的相互移动功能。内容涉及了jQuery的事件响应机制和页面元素属性动态操作的相关技巧。以下是根据提供的文件内容,详细阐述实现左右列表框...

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

    为了实现listbox列表框项目上下移动的功能,可以通过编写JavaScript函数来操作DOM中的option元素。这段代码的目的是为listbox列表框提供一个方法,使得选定的选项能够向上或向下移动。 函数listbox_move接受两个...

    javascript 操作两个select,左右选择值。

    这个场景中,我们讨论的是如何实现一个功能,让用户可以在两个Select下拉框之间移动选择的值,这种功能常见于多选设置或者数据迁移的界面。下面我们将深入探讨如何实现这样的功能。 首先,我们需要两个HTML Select...

    JavaScript +css3移动框架案例

    【JavaScript + CSS3 移动框架案例】是一个利用现代Web技术,特别是JavaScript和CSS3,来创建动态且交互丰富的移动应用界面的实例。这个案例主要展示了如何通过编程手段实现元素在网页上的平滑移动和变换位置,从而...

    多项选择的列表框,左右选择,带排序功能

    通常,它会包含两个列表框,分别代表两个不同的类别或状态,如“已选”和“未选”。用户可以通过单击将项从一个列表移动到另一个,双击则可以快速将一个项从“未选”直接移动到“已选”。这种设计简化了多选过程,...

    layui 穿梭框transfer右侧数据赋值排序错乱小技巧.doc

    穿梭框transfer是一个常用的控件,用于在两个列表之间移动数据。但是,在实际应用中,我们可能会遇到右侧数据赋值排序错乱的问题。本文将提供一个简单的解决方案。 问题描述 在使用 layui 的穿梭框transfer时,...

    两个 select 下拉框中的数据相互移动

    当需要实现两个`select`下拉框之间的数据交互,比如从一个框移入选项到另一个框,这种功能常见于数据分类、角色分配或者权限设置等场景。本篇文章将详细讲解如何实现这样的交互功能。 首先,我们需要创建两个`...

    仿腾讯左右列表框listbox

    在这个案例中,JavaScript可能负责监听用户的点击事件,当用户从左侧列表选择一个项后,将其移动到右侧列表,并更新两个列表框的状态。 标签“列表框”则代表了网页中的两种基本输入控件:单选列表(元素)和多选...

    jQuery实现列表框双向选择操作

    双向选择通常指的是用户可以在两个独立的列表框之间移动选中的项,例如从一个列表选择到另一个列表。在这个过程中,我们可以用jQuery来处理选中项的增删和同步状态。 1. **HTML结构**: 创建两个`&lt;select&gt;`元素,...

    jQuery穿梭框列表按钮控制左右移动代码.zip

    穿梭框是一种常见的UI组件,通常用于在两个列表之间转移项目,常见于数据选择或配置场景。 在该压缩包中,主要文件"transfer"可能包含HTML、CSS和JavaScript三个部分。HTML负责构建基本的页面结构,包括两个列表...

Global site tag (gtag.js) - Google Analytics