为什么Javascript事件与实际用户事件不同？

Question

为什么Javascript事件与实际用户事件不同？我试图从javascript更新select2输入。

如果我使用......

$('#s2id_autogen12').val("Single").trigger("input");

...选择值＆＃34;单＆＃34;从select2输入中，值似乎发生了变化（虽然＆＃34;没有＆＃34;仍然可见），但事件实际上并未触发，并且下拉显示为用户是在一个动作的中间（在输入框的下方延伸，好像它们在选择的中间并在那里冻结）。

Select2似乎过于冗长和复杂。我删除了一堆Angular，以便在下面更容易查看生成的HTML结构。

Select2 input/select

我尝试添加...

$('[Name="IO:4d4240604f235600d70f4c111310c728"]').val("Single").trigger("change");
$('[Name="IO:4d4240604f235600d70f4c111310c728"]')[0][1].selected=true;

...但我无法以编程方式更新Select2。有什么想法吗？