我一直试图“捕获” select元素上的click事件，然后根据DOM中的其他一些元素动态添加<option>字段，然后触发事件以打开select的下拉列表元件。
我成功地捕获了点击事件并添加了<option>字段。我在使用当前方法打开选择时遇到麻烦。我尝试过的：
$(document).ready(function(){
$(document).on("mousedown","#select-box",function(e){
e.preventDefault();
var options = "";
$(".some-div").each(function(i,obj){
var id = $(obj).attr("id");
options += '<option value="' + id + '">' + id + '</option>';
});
$("#select-box").html(options);
// - Open the select dropdown here -
});
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="some-div" id="div1">
<div class="some-div" id="div2">
<div class="some-div" id="div3">
<select id="select-box">
<option value="" disabled="" selected="">Select Div</option>
</select>
因此，如果您运行该代码段，请单击选择并在DevTools中对其进行检查，它确实具有我需要的动态选项。但是我不知道如何打开它。有关StackOverflow的一些答案，建议使用
手动触发mousedown事件
$("#select-box").trigger("mousedown");
但是那显然是行不通的，因为那是我从一开始就抓住的事件。
如果有人能指出我正确的方向，我将不胜感激