在动态打开下拉列表/更新下拉列表之前等待元素加载

Question

我需要根据另一个列表的值动态更新下拉列表。在我使用它的值填充第二个列表之前，我附加了一个onblur事件来进行服务器调用。碰巧当我点击第一个列表然后点击第二个列表时，加载的元素没有正确显示。

以下是一个简单示例：https://jsfiddle.net/4yktopux/

Answer 1

我认为问题在于您使用的是模糊事件，需要您离开第一个列表。

当您单击第二个列表时，模糊事件将触发并开始加载，但click事件也会在第二个列表上触发，该列表当前为空。这就是为什么它会删除一个空列表。

使用更改事件代替模糊，因此您不需要用户再次点击查看结果。