如何从客户端(Javascript)重新排序下拉列表控件(如NetFlix队列)

时间:2020-03-06 14:57:08  来源:igfitidea点击:

我们有一系列下拉控件,这些控件确定列的排序顺序。我们遇到的问题是,当用户选择一列作为第二列时,其他下拉列表需要更改其值,以使只有一个"第二列"。

  • A栏[1]
  • 列B [2]
  • C栏[3]
  • D列[4]
  • E栏[5]

在上面的列表中,当我们将列D更改为[2]时,列B变为[3],列C变为[4],依此类推。我可以在服务器端进行管理,但是我想知道是否有人知道如何做在客户端使用javascript。

解决方案

查看Scriptaculous之类的Javascript工具包,以进行客户端重新排序。

我们将元素添加为" Sortables",并对自己的回调进行编码,以在项目被拖放然后被删除时执行(例如,向服务器发送异步请求以保留新订单)。

这是有关使用Scriptaculous和PHP创建可排序列表的完整教程。对于ASP,客户端代码将稍有不同,但是过程将相似。

关于JavaScript框架的说明;我强烈推荐jQuery。