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

【问题标题】：Why do Javascript events differ from actual user events?为什么 Javascript 事件与实际用户事件不同？
【发布时间】：2016-12-05 12:44:48
【问题描述】：

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

如果我使用...

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

...从select2 输入中选择值“single”，该值似乎发生了变化（尽管“none”仍然可见），但事件实际上并没有触发，下拉菜单显示为尽管用户正处于操作的中间（在输入框下方延伸，就好像他们处于选择的中间并冻结在那里）。

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

Select2 input/select

我尝试添加...

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

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

【问题讨论】：

欢迎来到 SO。请为您的问题创建一个Minimal, Complete, and Verifiable example

标签： javascript jquery select2

【解决方案1】：

您发布了代码的屏幕截图，而不是实际代码。

但是，您的问题似乎是一个错字。 “单”应该是“单”。

尝试以下方法：

$('[Name="IO:4d4240604f235600d70f4c111310c728"]').val('single').trigger('change');

注意小写single；

【讨论】：

[把头撞到桌子上] 谢谢 :)