`
pcajax
  • 浏览: 2163386 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

成长手删代码40-listbox js操作上下左右移动.txt

阅读更多
<script type ="text/javascript">
    function imgRight()
    {
       var ddlRight=document.getElementById ("LBRight");
       var ddlLeft=document.getElementById ("LBLeft");
       var count = 0;
       for(var i=0;i<ddlLeft.length;i++)
       {
            count = 0;
            if(ddlLeft[i].selected)
            {
                //查ddlRight在右边是否存在要加的项,如果存在,提示,不加
               
                if(ddlRight.length==0)
                {
                    ddlRight.options.add(new Option(ddlLeft[i].text,ddlLeft[i].value));
                    document.getElementById ("hiddenLBRightValue").value+=ddlLeft[i].value+","
                }
                else
                {
                     for(var intRight=0;intRight<ddlRight.length;intRight++)
                    {
                        if(ddlRight[intRight].text==ddlLeft[i].text)
                        {
                          count++;
                        }
                      
                    }
                    if(count==0)
                    {
                        ddlRight.options.add(new Option(ddlLeft[i].text,ddlLeft[i].value));
                        document.getElementById ("hiddenLBRightValue").value+=ddlLeft[i].value+","
                    }
                }
            }
       }
       
    }
   
   
    function imgLeft()
    {
        var ddlRight=document.getElementById ("LBRight");
       
        for(var i=0;i<ddlRight.length;i++)
       {
            if(ddlRight[i].selected)
            {
               
                ddlRight.remove(ddlRight.selectedIndex);
                i--;
            }
       }
       
    }
   
   
    function imgUp()
    {
        var ddlRight=document.getElementById ("LBRight");
        var count=0;
       
        if(ddlRight.length!=0)
        {
            for(var i=0;i<ddlRight.length;i++)
            {
                if(ddlRight.selectedIndex!=0)
                {
                    if(ddlRight[i].selected)
                    {
                        count++;
                    }
                }
                else
                {
                    return ;
                }
               
            }
           
            if(count!=0)//选中的不是第一项
            {
                if(ddlRight.selectedIndex<=ddlRight.length-1)
                {
                    //ddlRight.options(ddlRight.selectedIndex).swapNode(ddlRight.options(ddlRight.selectedIndex-1));
                    var tempSelect=document.createElement ("option");
                    tempSelect.text=ddlRight.options[ddlRight.selectedIndex].text;
                    tempSelect.value=ddlRight.options[ddlRight.selectedIndex].value;
                   
                    ddlRight.options[ddlRight.selectedIndex].text=ddlRight.options[ddlRight.selectedIndex-1].text;
                    ddlRight.options[ddlRight.selectedIndex].value=ddlRight.options[ddlRight.selectedIndex-1].value;
                   
                    ddlRight.options[ddlRight.selectedIndex-1].text=tempSelect.text;
                    ddlRight.options[ddlRight.selectedIndex-1].value=tempSelect.value;
                   
                    ddlRight.selectedIndex=ddlRight.selectedIndex-1;
                   
                }
            }
            else
            {
                alert("请先选择要上移的项");
            }
        }
        else
        {
            alert("该列表中没有数据");
        }
    }
    function imgDown()
    {
        var ddlRight=document.getElementById ("LBRight");
        var count=0;
       
        if(ddlRight.length!=0)
        {
            for(var i=0;i<ddlRight.length;i++)
            {
                if(ddlRight.selectedIndex!=ddlRight.length-1)
                {
                    if(ddlRight[i].selected)
                    {
                        count++;
                    }
                }
                else
                {
                    return ;
                }
               
            }
           
            if(count!=0)//选中的不是第一项
            {
                if(ddlRight.selectedIndex<=ddlRight.length-1)
                {
                    //ddlRight.options(ddlRight.selectedIndex).swapNode(ddlRight.options(ddlRight.selectedIndex-1));
                    var tempSelect=document.createElement ("option");
                    tempSelect.text=ddlRight.options[ddlRight.selectedIndex].text;
                    tempSelect.value=ddlRight.options[ddlRight.selectedIndex].value;
                   
                    ddlRight.options[ddlRight.selectedIndex].text=ddlRight.options[ddlRight.selectedIndex+1].text;
                    ddlRight.options[ddlRight.selectedIndex].value=ddlRight.options[ddlRight.selectedIndex+1].value;
                   
                    ddlRight.options[ddlRight.selectedIndex+1].text=tempSelect.text;
                    ddlRight.options[ddlRight.selectedIndex+1].value=tempSelect.value;
                   
                    ddlRight.selectedIndex=ddlRight.selectedIndex+1;
                   
                }
            }
            else
            {
                alert("请先选择要上移的项");
            }
        }
        else
        {
            alert("该列表中没有数据");
        }
       
    }
分享到:
评论

相关推荐

    精彩编程与编程技巧-ListBox项的控制...

    - 当鼠标移动到 ListBox 上时触发此事件。 - 计算鼠标坐标相对于 ListBox 的位置。 - 使用 `SendMessage` 函数发送 `LB_ITEMFROMPOINT` 消息以获取最接近鼠标的 ListBox 项。 - 如果找到了合法的 ListBox 项,则...

    ListBox实现上下左右移动

    在本文中,我们将深入探讨如何在Windows Forms或ASP.NET环境中实现ListBox的上下左右移动功能,并支持通过Ctrl键进行多选。 首先,我们要理解ListBox的基本操作。在默认情况下,用户可以通过鼠标点击或者上下箭头键...

    Angular-angular-dual-listbox.zip

    Angular-angular-dual-listbox.zip,双列表框控件的角度8 组件。角度双列表框,Angularjs于2016年发布,是Angularjs的重写版。它专注于良好的移动开发、模块化和改进的依赖注入。angular的设计目的是全面解决开发人员...

    VB程序实例-在ListBox控件间移动列表项.zip

    VB程序实例-在ListBox控件间移动列表项.zip

    webfrom- ListBox 控件的使用.pdf

    ### WebForm ListBox 控件的使用 #### 一、概述 在 ASP.NET WebForms 开发中,`ListBox` 控件是一种非常实用的选择控件,它允许用户从多个选项中选择一个或多个项目。`ListBox` 控件类似于 HTML 中的 `...

    tkdnd2.8-win32-x86_64.tar.gz

    在Tkinter的listbox中实现拖放操作,开发者需要创建一个可以识别DND事件的listbox实例,并设置相应的回调函数来处理拖放过程中的开始、移动和结束事件。例如: ```python import tkinter as tk from tkdnd import ...

    C#js实现ListBox左右移动

    本教程将深入探讨如何使用C#和JavaScript技术实现ListBox组件中项的左右移动功能,旨在提高用户体验并实现动态数据操作。 首先,`ListBox`是.NET Framework中的一种控件,常用于在Web应用程序中展示可多选的数据...

    VB.NET ListBox内容用鼠标拖动和按钮移动实现排序功能

    总结来说,实现VB.NET ListBox的排序功能需要关注控件的事件处理,通过鼠标操作改变项目顺序,同时可以结合按钮操作进行增减和移动。这不仅可以提高用户与应用程序的交互性,还可以提升数据管理的效率。

    在ListBox控件间移动列表项.rar_ListBox_VB listbox

    在VB应用程序中,我们可能需要实现一个功能,让用户能够方便地在多个ListBox之间移动列表项,以满足不同的操作需求。"在ListBox控件间移动列表项.rar_ListBox_VB listbox"这个例子就提供了这样的功能。 首先,我们...

    Easy-multicolumn-listbox-8.6.zip_Multicolumn-Listbo_labview_labv

    在LabVIEW编程环境中,多列列表控件(Multicolumn Listbox)是一种强大的用户界面元素,用于展示结构化的数据信息。这个"Easy-multicolumn-listbox-8.6.zip"文件提供了一个关于如何在LabVIEW中有效使用多列列表控件...

    一个Delphi新手写的ListBox左右交换内容例子..rar

    这个“一个Delphi新手写的ListBox左右交换内容例子”是一个学习资源,旨在帮助初学者理解如何在Delphi中操作控件,特别是ListBox,进行数据交换。 ListBox是Windows应用程序中常见的控件,它允许用户从列表中选择一...

    ZK_DEMO-listbox-paging.zip_DEMO_ListBox java

    【标题】"ZK_DEMO-listbox-paging.zip_DEMO_ListBox Java" 是一个与Java相关的压缩包,其中包含了一个示例项目,演示了如何在Java应用程序中实现ListBox的分页功能。ZK是一个基于Java的富客户端用户界面框架,它使得...

    前端项目-bootstrap4-duallistbox.zip

    在使用Bootstrap Dual Listbox时,你需要确保已经在项目中引入了Bootstrap 4的CSS和JS文件,因为这个插件依赖于Bootstrap的类和JavaScript插件。之后,只需在HTML中添加双列表框的结构,并使用相应的jQuery代码初始...

    Jquery双向select控件Bootstrap Dual Listbox

    - 引入依赖:首先需要引入jQuery库、Bootstrap CSS和JavaScript,以及Bootstrap Dual Listbox的CSS和JS文件。 - HTML结构:创建一个带有多个`&lt;option&gt;`的`&lt;select&gt;`元素,给它添加一个特殊的类(如"class='select ...

    tkdnd2.8-win32-ix86.tar.gz

    这个压缩包包含tkdnd库的源代码和编译好的二进制文件,使得Python开发者可以在32位环境下快速集成拖放功能。 安装tkdnd库通常包括以下几个步骤: 1. 解压tkdnd2.8.tar.gz到一个临时目录。 2. 使用Python的distutils...

    jquery双列表框插件Bootstrap Dual Listbox

    1. `dist`目录:包含编译后的CSS和JavaScript文件,如`bootstrap-duallistbox.css`和`bootstrap-duallistbox.js`,它们是插件的核心代码。 2. `demo`目录:提供了示例页面,用于展示插件的使用方法和效果。 3. `src`...

    上下移动ListBox内的项winform

    本教程将深入探讨如何实现ListBox内的项上下移动的功能,这对于创建具有灵活交互性的用户界面至关重要,特别是当用户需要调整列表顺序时。 首先,我们需要理解ListBox的基本属性和方法。`ListBox`控件的主要属性...

    Delphi ListBox模拟百度搜索下拉框提示效果.rar

    如果你对Delphi中的ListBox控件用法不熟悉,那么本示例会是一个很不错的用法范例,在代码部分,还演示了结合数据库来读取数据交显示到ListBox中的方法。一些ListBox用法代码:  if ListBox.ItemIndex&gt;-1 then  ...

    color-Listbox.rar_ListBox_color list_color listbox_listbox colo

    标题 "color-Listbox.rar_ListBox_color list_color listbox_listbox colo" 暗示我们关注的是如何为ListBox控件应用色彩,特别是在每一行上使用不同的颜色。这种效果通常通过自定义绘制ListBox或者利用第三方库来...

    vb.net 鼠标对listbox的项进行拖拽 拖放,位置移动,或者命令按钮对项的上下移动的案例,对vs2019有效

    本案例针对VS2019中的Listbox控件,提供了两种实现方式:一是通过鼠标直接拖拽listbox的项进行位置移动,二是使用命令按钮实现项的上下移动。 首先,我们需要了解Listbox的基本属性和方法。Listbox控件是.NET ...

Global site tag (gtag.js) - Google Analytics