Как вернуть вариант выбора HTML в исходный порядок?

Question

У меня есть два списка выбора, между которыми вы можете перемещать выбранные параметры. Когда я перемещаю опции обратно в левый список, я бы хотел, чтобы они сохранили свою исходную позицию в порядке списка, даже если в списке отсутствуют некоторые оригинальные опции.

Вот мой код: http://jsfiddle.net/6qUyK/1/

Answer 1

Вы должны сохранить исходное значение позиции. Для этого вы можете использовать атрибут данных.

Взгляните на этот пример .

Сохранить исходную позицию:

$(option).data('original-position',i);

Получить исходную позицию:

$('#listboxFootballPlayers option').eq($(this).data('original-position')).before($(this));

Обратите внимание, что часть вашего кода не нужна. Например, вы можете использовать метод добавления (или до, или после) для фактического перемещения выбранного элемента, поэтому нет необходимости создавать новый и уничтожать предыдущий.

Также вам нужно немного изменить код, чтобы он работал с последним элементом в списке. Мой код просто подсказка.

Answer 2

Наслаждайтесь :) http://jsfiddle.net/liho1eye/6qUyK/7/

Answer 3

Вот мое решение: http://jsfiddle.net/6qUyK/4/