在用户在页面上“重新开始”之后，如何在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
}