javascript - 防止下拉，直到所有选项都完全添加 jQuery

Question

我在单击事件时动态地向我的下拉列表添加选项。我的问题是，甚至在所有选项都完成添加之前，下拉列表就会下降，用户可以看到选项的附加。

我的代码如下所示。

$(document).on('click', '.someDropdown', function(e) {
   $(this).append('<option class="someClass" value="foo">Foo</option>');
});

如何确保在所有选项添加完成后下拉菜单下降？

Answer 1

$(document).on('mousedown', '.someDropdown', function(e) {
   $(this).append('<option class="someClass" value="foo">Foo</option>');
});

当鼠标左键在选定元素上按下时，会发生 mousedown 事件。

mousedown()方法触发 mousedown 事件，或附加一个函数以在 mousedown 事件发生时运行。