资源说明：首先是html代码，页面上放2个listbox控件和2个按钮用于移动项目 代码如下:
| 全部水果： | | 我挑选的： |
| <td height=”41″ alig
在本文中，我们将探讨如何使用jQuery来控制Listbox控件中的项移动并进行排序。我们看到HTML代码部分，包含两个ListBox控件——"listall"和"listmy"，以及两个按钮"btnleftmove"和"btnrightmove"。这两个按钮分别用于将项从"listall"移动到"listmy"，以及从"listmy"移动回"listall"。
HTML代码中，``是ASP.NET中的控件，它允许用户在多个选项中进行多选。列表框的`SelectionMode="Multiple"`属性确保了用户可以同时选择多个项。两个按钮通过`onclick`事件调用JavaScript/jQuery函数`move()`，传递当前操作的方向（源列表与目标列表的ID）。
在.CS文件中，我们有后台代码来填充数据。`BindData()`方法使用`ArrayList` `list`来存储数据，并根据数据添加到"listall"中。每个项都有一个自定义属性`tag`，用来存储排序的依据。这里使用的是数组索引作为排序字段，但实际应用中可以根据需要使用其他字段。
数据填充完成后，我们可以看到jQuery代码部分。`move()`函数处理了项的移动。它首先检查源列表是否有选中的项，然后遍历这些选中项，将其文本和排序字段（tag）保存，然后从源列表中移除这些项，并将它们添加到目标列表的开头。`orderrole()`函数被调用对目标列表进行排序。
`orderrole(listname)`函数通过比较列表中每个选项的首字母来执行排序。这个函数首先获取列表的第一个选项，然后在列表的其余部分中查找首字母小于当前选项的项，如果找到，就将当前选项移动到那个位置。这个过程会持续进行，直到所有项都正确排序。
这个实现涉及到前端jQuery操作DOM元素，以及后端ASP.NET的服务器端数据处理。用户界面允许用户交互式地选择和排序列表项，而jQuery代码则负责同步更新和排序。这种方法适用于需要动态管理列表项并保持排序顺序的应用场景，尤其是在Web应用程序中，用户需要实时调整列表内容时。
本源码包内暂不包含可直接显示的源代码文件，请下载源码包。
English
