Warum unterscheiden sich JavaScript-Ereignisse von tatsächlichen Benutzerereignissen?

Question

Warum unterscheiden sich JavaScript-Ereignisse von tatsächlichen Benutzerereignissen? Ich versuche, eine select2 Eingabe von Javascript zu aktualisieren.

Wenn ich ...

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

... den Wert „single“ von der einen select2 Eingang wählen, scheint der Wert zu ändern (obwohl „keine“ noch sichtbar ist), aber die Ereignisse feuern Sie nicht, und das Dropdown erscheint, als ob der Benutzer mitten in einer Aktion war (unter dem Eingabefeld, als ob sie in der Mitte einer Auswahl waren und dort einfror).

Select2 scheint übermäßig ausführlich und kompliziert. Ich habe eine Reihe von Angular entfernt, damit die generierte HTML-Struktur unten leichter zu sehen ist.

Select2 input/select

Ich habe versucht, das Hinzufügen ...

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

... aber ich kann einfach nicht die Select2 programmatisch zu aktualisieren erhalten. Irgendwelche Ideen?

Answer 1

Sie haben einen Screenshot des Codes anstelle des eigentlichen Codes gepostet.

Es scheint jedoch, Ihr Problem ist ein Tippfehler. "Single" sollte "Single" sein.

Versuchen Sie Folgendes:

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

Notiere die Klein single;