`

js控制多选框上下移动

阅读更多

<SELECT NAME="select1" id="select1" size=6>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</SELECT>
<br><br>
<input type=button value=up onclick="goo(-1)">
<input type=button value=down onclick="goo(+1)">
<script language=javascript>
function goo(i)
{
var si = select1.selectedIndex;
var ops = select1.options;
if(si+i>=0 && ops[si+i] && ops[si]){
ops[si+i].swapNode(ops[si]);
}
}
</script>

分享到:
评论

相关推荐

    select框上下移动排序

    当需要对这些选项进行动态排序,比如允许用户通过上下移动来调整选项的顺序时,就需要用到“select框上下移动排序”的技术。这个功能在很多应用场景中都很常见,比如任务管理、优先级设置等,它可以提升用户的交互...

    js实现左右2个下拉选择框,左右上下移动功能

    在JavaScript编程中,创建具有左右两个下拉选择框并实现左右上下移动功能是一个常见的交互设计。这个功能常常用于用户在两个列表之间转移选项,比如在“可用”和“已选”之间切换。以下是对这个主题的详细解释: ...

    上移下移及表格复选框获取

    这个标题和描述暗示了我们正在讨论一个Web应用程序,它具有用户界面元素,如表格、复选框以及上下移动功能。下面将详细阐述这些知识点。 1. **表格(Table)**: 表格是数据展示的常用方式,它由行(Row)和列...

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

    标题和描述中所提及的知识点是关于如何使用JavaScript来控制HTML中的listbox列表框内的项目进行上下移动的方法。这种操作通常对于创建交互式的表单元素十分有用,允许用户调整列表中的项目顺序,这对于诸如设置首...

    js 穿梭框,可以从左边到右边,也可以从右到左,支持多选

    综上所述,实现一个支持双向移动和多选的JavaScript穿梭框涉及HTML结构设计、CSS样式设置、JavaScript事件处理和数据管理等多个方面。这个过程需要扎实的前端基础知识,以及对用户体验的深入理解。通过不断实践和...

    jquery实现列表上下移动功能

    本文详细介绍了如何使用jQuery来实现网页上列表项的上下移动功能。在开始讲解之前,我们先来梳理一下知识点,确保我们讨论的范围是准确无误的。 首先,jQuery是一个快速、简洁的JavaScript库,它能够简化HTML文档...

    JQuery实现select互换数据和上下移动

    本文将深入探讨如何使用jQuery实现一个类似Struts2中的`optiontransferselect`标签的功能,即在两个下拉框之间进行选项的互选和上下移动。 首先,我们需要了解`optiontransferselect`的基本概念。在Struts2框架中,...

    树形穿梭框

    在IT行业中,树形穿梭框(Tree Transfer)是一种常见的用户界面元素,特别是在Web开发中,尤其是在使用Vue.js这样的前端框架时。它被广泛应用于数据管理、权限分配、目录选择等场景,因为它能清晰地展示层级关系,并...

    自定义可拖动列

    这需要实现一种选择机制,如复选框、全选/全不选按钮等,然后在选中的基础上执行拖放操作。 - **响应式设计**:确保在不同设备和屏幕尺寸上,拖动列的功能依然可用且直观。 - **性能优化**:大量数据时,频繁的DOM...

    JavaScript网页特效范例宝典源码

    实例075 只有一个复选框时控制复选框的全选或反选 119 2.5 密码域 120 实例076 让您的密码域更安全 120 实例077 不提交表单自动检测密码域是否相同 121 2.6 表单应用 122 实例078 通过JavaScript控制表单的提交与...

    老裴帮助关于Jquery实现多选文本框左移,右移,上移,下移的练习

    本文将深入探讨如何使用jQuery实现多选文本框(通常称为多选框或者复选框)的左移、右移、上移和下移功能。这在创建动态用户界面时尤其有用,例如在拖放排序或调整选项顺序的场景。 首先,我们需要理解多选文本框的...

    多个文本框 按左右键自动移动

    标题中的“多个文本框 按左右键自动移动”指的是在一个多文本框的环境中,用户可以通过键盘上的方向键(上、下、左、右)来切换焦点,使得文本输入的焦点能够在各个文本框之间自动移动。这样的功能常见于各种表单和...

    程序天下:JavaScript实例自学手册

    6.11 获取多选框的选择项 6.12 手动调整的列表框 6.13 下拉框式网站导航 6.14 综合的搜索引擎 6.15 经典的ListView列表框 第7章 键盘操作和状态栏特效 7.1 按功能键返回首页 7.2 回车实现Tab键功能 7.3 Ctrl+Enter...

    JS dom节点实现移上、移下的效果(表格).zip

    在这个场景下,我们将关注如何利用DOM节点来实现表格内容的移动,如上下移动,以及表格的添加和删除功能。 首先,我们需要理解表格在HTML中的结构。一个基本的表格由`&lt;table&gt;`标签定义,其中包含`&lt;tr&gt;`(行)和`...

    《程序天下:JavaScript实例自学手册》光盘源码

    6.11 获取多选框的选择项 6.12 手动调整的列表框 6.13 下拉框式网站导航 6.14 综合的搜索引擎 6.15 经典的ListView列表框 第7章 键盘操作和状态栏特效 7.1 按功能键返回首页 7.2 回车实现Tab键功能 7.3 Ctrl+Enter...

    ListBox实现上移,下移,左移,右移的简单实例

    如果要实现上下左右移动,我们可以扩展这个函数,增加相应的逻辑处理。 - **上移**:如果用户希望将列表中的选项上移,我们需要检查所选选项是否位于列表顶部。如果不是,我们可以先删除该选项,然后在列表的前面...

    jquery.SuperSlide.js易迅商城首页多格子焦点

    jQuery.SuperSlide.js是基于jQuery库的一个轻量级插件,它提供了丰富的选项和方法,可以实现各种滑动、切换效果,如左右滑动、上下滚动、多列切换等。在易迅商城首页,这款插件被用来创建多格子焦点图,使用户在浏览...

    jQuery图像裁剪插件Jcrop.js.zip

    jQuery图像裁剪插件Jcrop.js是一个用于网页前端的JavaScript库,它允许用户在浏览器上交互式地裁剪图像。这个插件是基于流行的jQuery框架构建的,因此它能够无缝集成到任何使用jQuery的项目中。Jcrop的核心功能是...

    jquery.dualListbox1.3 研究.zip

    首先,确保引入了jQuery库和Bootstrap的相关CSS及JS文件,然后在页面中添加多选框元素,并赋予特定的class(通常为`duallistbox`)。接着,通过JavaScript调用`$.fn.dualListbox`方法初始化插件。例如: ```html ...

Global site tag (gtag.js) - Google Analytics