<%@ Page Language="C#" AutoEventWireup="true" CodeFile="X200906021128.aspx.cs" Inherits="ListBoxs_X200906021128" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

    <script type="text/javascript">

        function MoveUP(fElement)

        {

            if (fElement.options.length == 0 || fElement.options[0].selected) return;

            for (var i = 1; i < fElement.options.length; i++)

            {

                if (fElement.options[i].selected)

                {

                    var text = fElement.options[i].text;

                    var value = fElement.options[i].value;

                    var selected = fElement.options[i].selected;

                    fElement.options[i].text = fElement.options[i - 1].text;

                    fElement.options[i].value = fElement.options[i - 1].value;

                    fElement.options[i].selected = fElement.options[i - 1].selected;

                    fElement.options[i - 1].text = text;

                    fElement.options[i - 1].value = value;

                    fElement.options[i - 1].selected = selected;

                }

            }

        }

        function MoveDown(fElement)

        {

            if (fElement.options.length == 0 || fElement.options[fElement.options.length - 1].Selected) return;

            for (var i = fElement.options.length - 1; i > -1; i--)

            {

                if (fElement.options[i].selected)

                {

                    var text = fElement.options[i + 1].text;

                    var value = fElement.options[i + 1].value;

                    var selected = fElement.options[i + 1].selected;

                    fElement.options[i + 1].text = fElement.options[i].text;

                    fElement.options[i + 1].value = fElement.options[i].value;

                    fElement.options[i + 1].selected = fElement.options[i].selected;

                    fElement.options[i].text = text;

                    fElement.options[i].value = value;

                    fElement.options[i].selected = selected;

                }

            }

        }

    </script>

</head>

<body>

    <form id="form1" runat="server">

    <div>

        <asp:ListBox ID="fListBox" runat="server" Height="200px" SelectionMode="Multiple" Width="200px"></asp:ListBox>

        <br />

        <br />

        --- Server Side ------------------------------------------------------

        <br />

        <br />

        <asp:Button ID="btnUp" runat="server" onclick="btnUp_Click" Text="Up" />

        <asp:Button ID="btnDown" runat="server" onclick="btnDown_Click" Text="Down" />

        <br />

        <br />

        --- Client Side ------------------------------------------------------

        <br />

        <br />

        <input type="button" value="UP" onclick="MoveUP(document.getElementById('fListBox'));" />

        <input type="button" value="Down" onclick="MoveDown(document.getElementById('fListBox'));" />

        <br />

         用 Ctrl + 鼠标 或 Ctrl + Shift 鼠标，实现多选或间断多选

    </div>

    </form>

</body>

</html>
using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

public partial class ListBoxs_X200906021128 : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

        if (!IsPostBack)

        {

            for (int i = 0; i < 20; i++)

                fListBox.Items.Add(i.ToString());

        }

    }

    protected void btnUp_Click(object sender, EventArgs e)

    {

        // 没有项，或第一个选中节点已经是第一项，则不处理

        if (this.fListBox.Items.Count == 0 || this.fListBox.Items[0].Selected) return;

        for (int i = 1; i < this.fListBox.Items.Count; i++)

        {

            if (this.fListBox.Items[i].Selected)

                this.ChangeProperty(this.fListBox.Items[i - 1], this.fListBox.Items[i]);

        }

    }

    protected void btnDown_Click(object sender, EventArgs e)

    {

        // 没有项，或最后一个选中节点已经是第一项，则不处理

        if (this.fListBox.Items.Count == 0 || this.fListBox.Items[this.fListBox.Items.Count - 1].Selected) return;

        for (int i = this.fListBox.Items.Count-1; i >-1 ; i--)

        {

            if (this.fListBox.Items[i].Selected)

                this.ChangeProperty(this.fListBox.Items[i], this.fListBox.Items[i+1]);

        }

    }

    private void ChangeProperty(ListItem fFront, ListItem fCurrent)

    {

        string fText = fFront.Text;

        string fValue = fFront.Value;

        bool fSelected = fFront.Selected;

        fFront.Text = fCurrent.Text;

        fFront.Value = fCurrent.Value;

        fFront.Selected = fCurrent.Selected;

        fCurrent.Text = fText;

        fCurrent.Value = fValue;

        fCurrent.Selected = fSelected;

    }

}

listbox多选实现上下移动 js版和服务器版的更多相关文章

  1. Ubuntu桌面版与服务器版有什么不同?

         提到安装Linux,Ubuntu可谓是最受欢迎的.为了满足每个人的需求,出现了不少版本或风格的Ubuntu;其中两项便是桌面版与服务器版.只要发布版本号一致,这两者从核心来说也就是相同的,唯 ...

  2. Ubuntu桌面版与服务器版的区别（转）

    Ubuntu桌面版vs服务器版 提到安装Linux,Ubuntu可谓是最受欢迎的.为了满足每个人的需求,出现了不少版本或风格的Ubuntu:其中两项便是桌面版与服务器版.只要发布版本号一致,这两者从核 ...

  3. 微信支付开发(1) JS API支付V3版（转）

    http://www.cnblogs.com/txw1958/p/wxpayv3-jsapi.html 本文介绍微信支付下的jsapi实现流程 前言 微信支付现在分为v2版和v3版,2014年9月10 ...

  4. ListBox复选框拓展

    Toolkit的LongListMutiSelector的复选框功能,想必许多人都需要吧!然而系统本身控件ListBox虽然也有多选功能,可是外观上却缺乏复选框,选择效果只是颜色变化.于是在上一个项目 ...

  5. js操作文件 HTML5版

    js操作文件 HTML5版,有需要的朋友可以参考下. <!DOCTYPE html> <html> <head> <title>JSFileReader ...

  6. 你不知道的 JS (系列丛书) - 第二版

    你不知道的 JS (系列丛书) - 第二版 You Don't Know JS (book series) - 2nd Edition https://github.com/learning-js-b ...

  7. 使用 js 实现一个简易版的模版引擎

    使用 js 实现一个简易版的模版引擎 regex (function test() { this.str = str; })( window.Test = ...; format() { let ar ...

  8. 使用 js 实现一个简易版的 drag & drop 库

    使用 js 实现一个简易版的 drag & drop 库 具有挑战性的前端面试题 H5 DnD js refs https://www.infoq.cn/article/0NUjpxGrqRX ...

  9. 使用 js 实现一个简易版的动画库

    使用 js 实现一个简易版的动画库 具有挑战性的前端面试题 animation css refs https://www.infoq.cn/article/0NUjpxGrqRX6Ss01BLLE x ...

随机推荐

  1. 在VS上配置OpenCV

    这几篇帖子讲的挺仔细的,而且不坑,结合看看就没问题了~~ http://www.cnblogs.com/cuteshongshong/p/4057193.html http://my.phirobot ...

  2. BZOJ 1911: [Apio2010]特别行动队( dp + 斜率优化 )

    sum为战斗力的前缀和 dp(x) = max( dp(p)+A*(sumx-sump)2+B*(sumx-sump)+C )(0≤p<x) 然后斜率优化...懒得写下去了... ------- ...

  3. jquery的slideUp、slideDown、slideToggle等涉及滑动效果的一系列函数，在IE浏览器下有几处bug

    jquery的slideUp.slideDown.slideToggle等涉及滑动效果的一系列函数,在IE浏览器下有几处bug: 1. 因position引起的问题 影响:IE全系列 症状:在需要sl ...

  4. iOS7,8 presentViewController 执行慢

    解决办法: 1, 使用GCD用主线程跳转 dispatch_async(dispatch_get_main_queue(), ^{ //跳转代码 ... }); 2, 召唤主线程, 使用perform ...

  5. win7 php 配置多个网站

    1.在C:\WINDOWS\system32\drivers\etc目录下,打开Hosts 添加A站和B站的DNS映射,如127.0.0.1 local.zhengxin.com127.0.0.1 l ...

  6. Clojure学习05：谓词函数

    谓词函数是一个判断式,一个返回bool值的函数. clojure中(lisp习惯)有个规定:对于判断功能的函数,函数名后面都有一个“?”号.所以只要看到后面带问号的函数名,就知道这一定是一个判断函数. ...

  7. Jquery的text()和html()方法在li与div取值结果解析

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  8. 基于visual Studio2013解决C语言竞赛题之0607strcpy

     题目

  9. 为centos添加第三方源

    默认centos自带的源少了很多好软件,所以需要添加第三方源一.安装CentOS yum源优先级插件yum-prioritiesyum install yum-plugin-priorities.no ...

  10. SOA，不看你永远不知道的事

    你买不来SOA,只能设计自己的SOA. SOA不是新东西 SOA没有引入新概念,它是个把现有概念和实践放到一起,用于特定需求集的范式.你甚至可以说SOA别的什么都 不是,就是将实用主义和头脑风暴运用到 ...