Jquery - клон выбора в таблице

Question

Я не могу понять это ...

У меня есть таблица со строками 'x'.Когда я нажимаю на кнопку, я хочу клонировать последнюю строку таблицы и добавить ее за ней.Пока проблем нет.Но у меня есть выбор (используя стиль выбора) в каждой строке таблицы.

Я сделал быстрый пример здесь: http://jsfiddle.net/u8Lpe/

Когда вы нажимаете 'Добавитьстрока таблицы 'вы не можете выбрать опцию в новой добавленной строке.(он просто изменит значение клонированной строки)

Я искал и пробовал много разных вещей, но до сих пор не смог это исправить.(с использованием опций обновления / уничтожения и т. д.)

Надеюсь, кто-нибудь может мне помочь, или есть идея, что делать!

Answer 1

В вашем коде было несколько проблем.Для первой строки, которую вы отображаете вместе с разметкой страницы, вы применяете плагин selectmenu к элементу select внутри него.selectmenu добавляет к нему несколько событий и стилей, а также немного дополнительной разметки.

Когда вы клонируете (передавая true в качестве аргумента) tbody, который содержит этот элемент select с примененным плагином selectmenu, все клонируется,Аргументы true говорят jQuery клонировать события, которые также применяются к элементам, что не является обязательным.

Вам нужно clone, передав false, а после клона удалить лишние span и встроенный стиль, который добавляет плагин, а затем вызывает selectmenu для нового элемента выбора строки.

Я исправил это в вашей скрипке, взгляните.

Demo

Answer 2

Вы клонируете элемент с идентификатором (это плохо, поскольку идентификаторы должны быть уникальными).Вы должны изменить идентификатор, прежде чем вставлять его в DOM.В то же время вы можете сделать новый элемент выбором меню.