`
liqiupeng19840929
  • 浏览: 39425 次
  • 性别: Icon_minigender_2
  • 来自: 河北.
最近访客 更多访客>>
社区版块
存档分类
最新评论

下拉列表的上移与下移（转）

 
阅读更多
 

// 给你补上一个：把列表框中选的选项上移/下移(支持多选)函数

/*******************************************************************************
功能        ： 使列表框所选中的项目上移
Writer ： ClearWind
创建        ： 2007-06-21 15:46:00
函数名        ： SelectMoveUp
参数1        ： oSelect 源列表框对象 如: document.getElementById("name")
参数2        ： isToTop 是否移至选择项到顶端，其它依次下移
           true为移动到顶端，false反之，默认为false
说明   ： SelectMoveUp(document.getElementById("name"),true);
*******************************************************************************/

function SelectMoveUp( oSelect,isToTop )
{
        if( isToTop == null ) var isToTop = false; //默认状态不是移动到顶端

        if( oSelect.multiple ) // 如果是多选
        {
                for( var selIndex=0; selIndex<oSelect.options.length; selIndex++ )
                {
                        if(isToTop) // 如果设置了移动到顶端标志
                        {
                                if( oSelect.options[selIndex].selected )
                                {
                                var transferIndex = selIndex;
                                while(transferIndex > 0 && !oSelect.options[transferIndex - 1].selected)
                                {
                                        oSelect.options[transferIndex].swapNode(oSelect.options[transferIndex - 1]);
                                        transferIndex --;
                                }
                                }
                        }
                        else // 没有设置移动到顶端标志
                        {
                                if(oSelect.options[selIndex].selected)
                                {
                                if(selIndex > 0)
                                {
                                        if(!oSelect.options[selIndex - 1].selected) oSelect.options[selIndex].swapNode(oSelect.options[selIndex - 1]);
                                }
                                }
                        }
                }
        }
        else // 如果是单选
        {
                var selIndex = oSelect.selectedIndex;
                if(selIndex <= 0) return;

                if(isToTop) // 如果设置了移动到顶端标志
                {
                        while(selIndex > 0)
                        {
                                oSelect.options[selIndex].swapNode(oSelect.options[selIndex - 1]);
                                selIndex --;
                        }
                }
                else // 没有设置移动到顶端标志
                {
                        oSelect.options[selIndex].swapNode(oSelect.options[selIndex - 1]);
                }
        }
}

/*******************************************************************************
功能        ： 使列表框所选中的项目下移
Writer ： ClearWind
创建        ： 2007-06-21 15:56:00
函数名        ： SelectMoveDown
参数1        ： oSelect 源列表框对象 如: document.all.name
参数2        ： isToBottom 是否移至选择项到底端，其它依次下移
           true为移动到底端，false反之，默认为false
说明   ： SelectMoveDown(document.all.name,true);
*******************************************************************************/

function SelectMoveDown( oSelect,isToBottom )
{
        if(isToBottom == null) var isToBottom = false; // 默认状态不是移动到顶端

        var selLength = oSelect.options.length - 1;

        if(oSelect.multiple) // 如果是多选
        {
        for(var selIndex=oSelect.options.length - 1; selIndex>= 0; selIndex--)
        {
                if(isToBottom) // 如果设置了移动到顶端标志
                {
                        if(oSelect.options[selIndex].selected)
                        {
                        var transferIndex = selIndex;
                        while(transferIndex < selLength && !oSelect.options[transferIndex + 1].selected)
                        {
                                oSelect.options[transferIndex].swapNode(oSelect.options[transferIndex + 1]);
                                transferIndex ++;
                        }
                        }
                }
                else // 没有设置移动到顶端标志
                {
                        if(oSelect.options[selIndex].selected)
                        {
                        if(selIndex < selLength)
                        {
                                if(!oSelect.options[selIndex + 1].selected) oSelect.options[selIndex].swapNode(oSelect.options[selIndex + 1]);
                        }
                        }
                }
        }
        }
        else // 如果是单选
        {
                var selIndex = oSelect.selectedIndex;

                if(selIndex >= selLength - 1) return;

                if(isToBottom) // 如果设置了移动到顶端标志
                {
                        while(selIndex < selLength - 1)
                        {
                                oSelect.options[selIndex].swapNode(oSelect.options[selIndex + 1]);
                                selIndex ++;
                        }
                }
                else // 没有设置移动到顶端标志
                {
                        oSelect.options[selIndex].swapNode(oSelect.options[selIndex + 1]);
                }
        }
}// 给你补上一个：把列表框中选的选项上移/下移(支持多选)函数

/*******************************************************************************
功能        ： 使列表框所选中的项目上移
Writer ： ClearWind
创建        ： 2007-06-21 15:46:00
函数名        ： SelectMoveUp
参数1        ： oSelect 源列表框对象 如: document.getElementById("name")
参数2        ： isToTop 是否移至选择项到顶端，其它依次下移
           true为移动到顶端，false反之，默认为false
说明   ： SelectMoveUp(document.getElementById("name"),true);
*******************************************************************************/

function SelectMoveUp( oSelect,isToTop )
{
        if( isToTop == null ) var isToTop = false; //默认状态不是移动到顶端

        if( oSelect.multiple ) // 如果是多选
        {
                for( var selIndex=0; selIndex<oSelect.options.length; selIndex++ )
                {
                        if(isToTop) // 如果设置了移动到顶端标志
                        {
                                if( oSelect.options[selIndex].selected )
                                {
                                var transferIndex = selIndex;
                                while(transferIndex > 0 && !oSelect.options[transferIndex - 1].selected)
                                {
                                        oSelect.options[transferIndex].swapNode(oSelect.options[transferIndex - 1]);
                                        transferIndex --;
                                }
                                }
                        }
                        else // 没有设置移动到顶端标志
                        {
                                if(oSelect.options[selIndex].selected)
                                {
                                if(selIndex > 0)
                                {
                                        if(!oSelect.options[selIndex - 1].selected) oSelect.options[selIndex].swapNode(oSelect.options[selIndex - 1]);
                                }
                                }
                        }
                }
        }
        else // 如果是单选
        {
                var selIndex = oSelect.selectedIndex;
                if(selIndex <= 0) return;

                if(isToTop) // 如果设置了移动到顶端标志
                {
                        while(selIndex > 0)
                        {
                                oSelect.options[selIndex].swapNode(oSelect.options[selIndex - 1]);
                                selIndex --;
                        }
                }
                else // 没有设置移动到顶端标志
                {
                        oSelect.options[selIndex].swapNode(oSelect.options[selIndex - 1]);
                }
        }
}

/*******************************************************************************
功能        ： 使列表框所选中的项目下移
Writer ： ClearWind
创建        ： 2007-06-21 15:56:00
函数名        ： SelectMoveDown
参数1        ： oSelect 源列表框对象 如: document.all.name
参数2        ： isToBottom 是否移至选择项到底端，其它依次下移
           true为移动到底端，false反之，默认为false
说明   ： SelectMoveDown(document.all.name,true);
*******************************************************************************/

function SelectMoveDown( oSelect,isToBottom )
{
        if(isToBottom == null) var isToBottom = false; // 默认状态不是移动到顶端

        var selLength = oSelect.options.length - 1;

        if(oSelect.multiple) // 如果是多选
        {
        for(var selIndex=oSelect.options.length - 1; selIndex>= 0; selIndex--)
        {
                if(isToBottom) // 如果设置了移动到顶端标志
                {
                        if(oSelect.options[selIndex].selected)
                        {
                        var transferIndex = selIndex;
                        while(transferIndex < selLength && !oSelect.options[transferIndex + 1].selected)
                        {
                                oSelect.options[transferIndex].swapNode(oSelect.options[transferIndex + 1]);
                                transferIndex ++;
                        }
                        }
                }
                else // 没有设置移动到顶端标志
                {
                        if(oSelect.options[selIndex].selected)
                        {
                        if(selIndex < selLength)
                        {
                                if(!oSelect.options[selIndex + 1].selected) oSelect.options[selIndex].swapNode(oSelect.options[selIndex + 1]);
                        }
                        }
                }
        }
        }
        else // 如果是单选
        {
                var selIndex = oSelect.selectedIndex;

                if(selIndex >= selLength - 1) return;

                if(isToBottom) // 如果设置了移动到顶端标志
                {
                        while(selIndex < selLength - 1)
                        {
                                oSelect.options[selIndex].swapNode(oSelect.options[selIndex + 1]);
                                selIndex ++;
                        }
                }
                else // 没有设置移动到顶端标志
                {
                        oSelect.options[selIndex].swapNode(oSelect.options[selIndex + 1]);
                }
        }
}

分享到：
| oracle中rownum用法的总结
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jQuery Select 上移下移

    本文将深入探讨“jQuery Select 上移下移”这一主题，它涉及到如何利用jQuery来实现选择框（Select）中选项的上移和下移功能。 一、jQuery Select 基础 在HTML中，`&lt;select&gt;`元素用于创建下拉列表，而`&lt;option&gt;`...

    js实现Select列表各项上移和下移的方法

    本文将详细介绍如何使用 JavaScript 实现 Select 列表中的选项上移和下移功能，这对于动态调整列表顺序，尤其是用户自定义排序的场景十分有用。 首先，我们需要理解 Select 元素在 HTML 中的作用。Select 元素用于...

    JS与jQuery实现ListBox上移,下移,左移,右移操作功能示例

    3. JavaScript函数实现：编写`moveOption`函数，这个函数的作用是根据按钮的标识（上移、下移、左移、右移）来移动ListBox中的选项。该函数需要能够识别当前选中的选项，并将它们从源ListBox中移动到目标ListBox中。...

    combobox控件 屏蔽上下键 上下键控件间切换

    在Windows编程中，`ComboBox`控件是一种常用的用户界面元素，它允许用户从下拉列表中选择一个项或输入自定义文本。在这个特定的主题中，我们关注的是如何修改`ComboBox`的行为，使其屏蔽上下键的功能，同时实现回车...

    LabVIEW的组合框

    单击右侧“Insert”按钮添加项，单击“删除”按钮删除选中的项，单击“上移”或“下移”按钮用来上移或下移选中项在控件中显示的位置。勾选复选框“允许在运行时有未定义值”表示可以有没有赋值的项存在。 　图1 ...

    tIDE智能开发平台使用详解

    - 可以通过“置顶”、“上移”、“下移”、“置底”等按钮来调整选项顺序。 - 修改下拉列表名称或调整选项顺序，可以使用“编辑”功能。 - 如果需要删除某个选项，可以选中它（支持多选），然后点击“删除”按钮。 -...

    JavaScript Select和Option列表元素上下左右移动

    例如，当用户按下特定的键盘按钮时（如箭头键），JavaScript将执行相应的函数，将选中的Option元素在Select列表中上移或下移。 为了实现这个功能，我们需要编写一系列JavaScript函数，这些函数应该能够完成以下几个...

    教你玩转WPS的符号栏.docx

    在这里，你可以从“字体”下拉列表中选择字体，并在“子集”下拉列表中找到你需要的字符。选中字符后，点击“插入到符号栏”按钮，该符号就会被添加到符号栏上。同样，如果你想添加特殊字符，如段落标记，可以切换到...

    列表操作等功能DouYinWu-master.zip

    2. **ListView的滑动操作**：上移、下移功能可能通过监听ListView的滑动事件实现，比如使用`OnScrollListener`。通过对滑动方向的判断，调整列表中各条目位置，实现列表内容的动态移动。 3. **左移、右移效果**：在...

    WPS教你玩转符号栏.docx

    在“符号栏”选项卡的“自定义符号”编辑框中，选中字符，点击“上移”或“下移”按钮，即可调整其在符号栏中的位置。 最后，如果需要恢复符号栏到默认设置，点击“重设符号栏”按钮即可。这样，所有预设的符号和...

    JS实现Select的option上下移动的方法

    在JavaScript中，`&lt;select&gt;`元素常常用于创建下拉列表，而`&lt;option&gt;`标签则用于定义下拉列表中的选项。在某些交互式应用中，可能需要用户能够动态调整选项的顺序，例如通过上移或下移选项。本文将探讨如何使用...

    Word2021中设置样式列表的顺序.docx

    用户可以选中需要改变推荐等级的样式，然后单击“上移”、“下移”、“置于最后”或“指定值”按钮，以改变推荐等级。 在调整完毕推荐等级后，用户需要单击“确定”按钮，以保存更改。然后，用户需要返回“样式”...

    冠唐设备管理系统教材.pptx

    手工录入时，自定义字段可根据需求命名，规格型号和生产厂商下拉列表会自动填充历史数据。 9. **设备信息导出与打印**：设备列表可导出到Excel或按模板打印，需预先设置模板格式。 10. **设备关联信息**：选择设备...

    selectList控件 的单选复选移动

    `selectList`通常支持单选或多选模式，并且允许用户通过交互来移动选项，比如上移或下移，以实现不同顺序的排列。这个功能对于需要排序或筛选的场景非常实用。 这篇名为“selectList控件 的单选复选移动”的博客...

    折弯机数控系统e710ienter

    - **位置交换**：使用上移或下移键交换下模在列表中的位置。 - **新增下模**：在卡片中输入新下模的数据，保存后添加到列表。 - **删除下模**：选择下模后删除。 - **修改下模参数**：编辑已选中下模的参数。 #####...

    Word2021中自定义地址列表字段功能的使用.docx

    4. **调整字段顺序**：如果你希望某个字段出现在列表的前面或者后面，可以通过点击“上移”或“下移”按钮来调整它们的位置。 设置完毕后，点击“确定”按钮，Word2021将保存你的自定义设置，并返回到“新建地址...

    教你玩转Win8输入法设置.docx

    3. **使用“下移”按钮**：点击“下移”按钮将该输入法移至列表底部。 4. **删除输入法**：此时，“删除”按钮变为可用状态，点击“删除”即可完成操作。 需要注意的是，系统至少需要保留一个输入法，因此在删除...

    Gmail快捷键你懂的.pdf

    * k: 移至上一个会话 * n: 移至下一封邮件 * p: 移至上一封邮件 * o 或 Enter: 打开会话 存档快捷键 --------- * e: 存档所有视图中的会话 * u: 返回到会话列表，刷新页面，并返回到收件箱或会话列表 标签快捷键 ...

    java Script ,jquery 写的 select 中的option 左右移动，上下移动

    当用户点击“上移”或“下移”按钮（或者直接在下拉菜单中使用键盘方向键）时，我们需要获取当前选中的`&lt;option&gt;`，并根据移动方向调整其位置。这通常涉及到元素的插入和删除操作： ```javascript $("#moveUp").on...

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

    6.5 从一个下拉列表往另一个下拉列表添加内容 6.6 改变列表项的上下顺序 6.7 给下拉框数据分组 6.8 获取列表框的选择 6.9 类IE下拉框 6.10 下拉框式邮件发送 6.11 获取多选框的选择项 6.12 手动调整的列表框 6.13 ...

Magicbox
Global site tag (gtag.js) - Google Analytics