Как я могу удалить динамически созданные объекты в jQuery после того, как пользователь «перезапустится» на странице?

Question

У меня есть выпадающий список автозаполнения, который создает новое поле выбора на основе выбранного значения.Однако, если пользователь щелкает обратно на поле автозаполнения и выполняет другой поиск, создается дополнительное поле выбора.

Мне нужно каким-то образом удалить поле выбора, если пользователь выполняет дополнительный поиск,Буду ли я делать это в событии onFocus?

Answer 1

Установите класс новых полей выбора, которые вы создаете, на class="dynamic". Затем в том же событии, в котором вы создаете новое поле выбора, добавьте:

$('.dynamic').remove();

чтобы удалить все поля выбора, которые вы создали ранее.

Answer 2

Использовать новую переменную для второго комбо, т.е.

var combo2shown = false;

Когда он будет создан, установите новую переменную в 'true'.

Наконец, добавьте валидацию в ваш метод, например

if (combo2shown) {
    //dont create again
} else {
    combo2shown = true;
    //create second combo
}