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

Question

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

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

数据值不会被传输。有没有办法使用 data-value 属性轻松传输选项？

Answer 1

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

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