所以我有一个简单的select元素，其中当然包含一系列option元素。

我在文本输入字段中创建了一个简单的搜索函数，它基本上隐藏了select元素中不包含搜索文本的所有选项元素。这很好。

但是，在我隐藏了必要的选项元素并只显示了我想要的选项元素后，下拉菜单出现了一个奇怪的bug。当我在完成更改（隐藏和显示选项元素）后单击下拉菜单（选择元素）时，第一次单击时它是空的。但是如果我再次单击它，它就会用正确的可见选项元素正确地更新。

我已经搜索了20种不同的方法来解决这个烦人的小问题，但我不明白为什么我必须单击下拉菜单两次才能看到更改？

有人能说明这一点或提供解决方案吗？

下面是一些代码，选项元素是在其他地方动态创建的，但是这些代码可以很好地隐藏/显示选项元素:

顺晟科技：

您正在使用它在毫秒后显示结果，从而造成结果只有在第二次展开后才显示的错觉。

删除它应该有效: