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

Question

我创建了一个带有左右窗格的多对多多选框，符合this example。如果选项值很简单，这一切都很好。现在我想在选项的 value 属性中存储一个对象。由于 value 选项只接受字符串，因此必须使用 $.data('key', 'value') 将 value 绑定到选项 (see here for SO ref)。当我想将选择区域从左向右转移时：

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

数据值没有被传输。有没有办法方便的传递带有 data-value 属性的选项？

Answer 1

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

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