<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!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>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:DropDownList ID="DropDownList1" runat="server" Style="width: 200px;" size="5">
<asp:ListItem>上海</asp:ListItem>
<asp:ListItem>北京</asp:ListItem>
<asp:ListItem>深圳</asp:ListItem>
<asp:ListItem>广州</asp:ListItem>
</asp:DropDownList>
<br />
<asp:Button ID="Button1" runat="server" οnclick="Button1_Click" Text="上移动" />
<asp:Button ID="Button2" runat="server" οnclick="Button2_Click" Text="下移动" />
</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 _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void Button1_Click(object sender, EventArgs e)
{//上移动
int index = this.DropDownList1.SelectedIndex;
if (index > 0)
{//索引不能从第一个开始上移
ListItem item = this.DropDownList1.Items[index];
this.DropDownList1.Items.RemoveAt(index);
this.DropDownList1.Items.Insert(index - 1, item);
}
}
protected void Button2_Click(object sender, EventArgs e)
{//下移动
int index = this.DropDownList1.SelectedIndex;
if (index < DropDownList1.Items.Count - 1)
{//索引不能从最后一个下移 索引下标是从0开始 所以count-1
ListItem item = this.DropDownList1.Items[index];
this.DropDownList1.Items.RemoveAt(index);
this.DropDownList1.Items.Insert(index + 1, item);
}
}
}
原始效果
移动效果