Select（triggerchange）在Javascript/jQuery中动态添加的Select下拉列表选项

我在我的网页中有一个选择下拉列表，动态创建为

<select id="mainDropDown" class="Field">
   <option data-id="-1">Select your option</option>
</select>

我试图明确地称之为

$('#mainDropDown').val($("#newOption").val()).trigger('change');

但是，当调用此选项时，动态添加到Main下拉列表的选项尚未填充，因此无法访问

---

实际需要的功能是添加新选项时，默认情况下必须选择该选项，并且必须成功触发值更改事件。

添加创建的新选项是一个回调，因此，只有在触发更改事件后才会填充选择

因此，只有在填充选项后才能删除回调并触发更改

---

正在按预期工作

您能在控制台中找到任何错误吗？是否加载了

$

？你在等DOM准备好吗？我想你做不到$（“#newOption”）.val（）@progrAmmar，你可以！无论您是在调用

trigger（'change'）之前添加了更改处理程序

@RayonDabre哦，我明白了，我想他可能忘了添加一个名为newOption的隐藏字段

$('#mainDropDown').change(function () {
//.................
}

$('#mainDropDown').val($("#newOption").val()).trigger('change');