带有数据选项的jquery多选传输

Question

我创建了一个包含左右窗格的多对多选框，符合this example。如果选项值很简单，这一切都可以正常工作。现在我想在选项的value属性中存储一个对象。由于value选项只接受字符串，因此必须使用$.data('key', 'value')将值绑定到选项(see here for SO ref)。当我想通过以下方式从左到右传输选择区域时：

$('#left-pane option:selected').remove().appendTo('#right-pane');

数据值不会被转移。有没有办法轻松地使用数据值属性传输选项？

Answer 1

您希望使用.detach()来保留与该元素关联的所有jQuery数据，如下所示：

$('#left-pane option:selected').detach().appendTo('#right-pane');