動態填充選擇框+ jQuery UI可排序重置

Question

我有一個選擇框，它從<ul>列表中選取其選項值。該列表可通過jQuery UI可排序功能進行更改，並且在對項目進行不同的排序時，選擇框會動態更新。

我做了該功能，代碼是骯髒的，但它的工作： http://jsfiddle.net/trunkadelic/TtnTf/2/

我需要的是一個「重置」功能，這使該列表（因此，在選擇框）回到自己原始值。我不知道如何解決這個問題，即使是向正確的方向推動也是值得讚賞的。

Answer 1

在頁面加載時，我會在JavaScript變量中存儲列表的初始狀態。然後，當點擊重置鏈接時，我會將<ul>的狀態恢復到頁面加載時的狀態。從那裏你可以使用你已經有的相同的方法來更新選擇菜單來匹配。

我叉你的jsfiddle表明這一點 - http://jsfiddle.net/g8GLw/