jQueryでselectboxをcloneすると、optionのselectedが引き継がれないバグ(?)があります。
これをなんとかしてみました。
■修正前のもの
選択肢を「みかん」から「りんご」に変更してcloneボタンを押しても、cloneしたものは「みかん」のままです。
See the Pen
selectboxの選択内容を保持したままcloneする(できないver.) by matsu (@pochi__2828)
on CodePen.
■修正したもの
選択肢を「みかん」から「りんご」に変更してcloneボタンを押すと、cloneしたものも「りんご」になっています。
See the Pen
selectboxの選択内容を保持したままcloneする by matsu (@pochi__2828)
on CodePen.
■解説
クローン元のoption内のselectedの位置を記憶して、クローン先のoption内の同じ位置にselectedを追加することでselectedが引き継ぎできます。
クローンするときはclone(true)にすることで、クローン先のボタンも動作するようにします。