jquery多選擇傳輸與數據選項

Question

我創建了一個多對多的多選框與左和右窗格，符合this example。如果選項值很簡單，這一切都可以正常工作。現在我想將對象存儲在選項的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');