动态填充selectbox + jQuery UI可排序重置

时间:2012-05-22 22:52:03

标签: jquery-ui list dynamic jquery-ui-sortable drop-down-menu

我有一个selectbox,它从<ul>列表中获取其选项值。该列表可通过jQuery UI可排序功能进行更改,并且在您对项目进行不同排序时,selectbox会动态更新。

我已经实现了这个功能,代码很脏但是它完成了工作: http://jsfiddle.net/trunkadelic/TtnTf/2/

我需要的是一个“重置”功能,它将列表(以及选择框)恢复为原始值。我不确定如何处理这个问题,即使是正确方向的推动也会非常感激。

1 个答案:

答案 0 :(得分:1)

在页面加载时,我会在JavaScript变量中存储列表的初始状态。然后,当单击重置链接时,我会将<ul>的状态恢复为页面加载时的状态。从那里,您可以使用您已有的相同方法更新选择菜单以匹配。

我分叉你的jsFiddle来展示这个 - http://jsfiddle.net/g8GLw/