Artikel in select2 auf Knopfklick anhängen

Question

Ich verwende den select2-Tag-Stil in meinem Drupal YAML-Formular, damit Benutzer einige Artikel finden und hinzufügen können.

Alle diese Elemente habe ich mit Bildern und Titel auf der gleichen Seite, und neben jedem Bild habe ich Knopf. Ich möchte dem Benutzer ermöglichen, auf die Schaltfläche zu klicken und diesen Eintrag in select2 hinzuzufügen (genau wie bei der Dropdown-Liste select2).

habe ich versucht, so etwas wie dieses:

$('a.rentiraj').click(function (e) { 
       e.preventDefault(); 
       // Get title 
       var masina = $(this).closest('.views-row').find('.views-field-title span').text(); 
       // Result to add in select2 ul 
       var result = '<li class="select2-selection__choice" title="' + masina + '"><span class="select2-selection__choice__remove" role="presentation">×</span>' + masina + '</li>'; 
       // Add result in select2 ul before last li 
       $('.select2-selection ul li:last-child').before(result); 
      }); 

Aber ohne Erfolg. Das Element wird hinzugefügt, wenn ich auf die Schaltfläche klicke, aber ich kann es nicht entfernen, wenn ich neben dem Element in select2 auf 'X' klicke und wenn ich ein Element aus der Dropdown-Liste 'select2' hinzufüge, verschwinden alle Elemente und es wird nur ein Element aus der Dropdown-Liste 'select2' hinzugefügt.

Kann mir jemand in die richtige Richtung zeigen? Wie kann ich ein neues Element in select2 hinzufügen, nicht von der Dropdown-Liste, aber von außerhalb dieser Liste, wenn ich auf die Schaltfläche klicke?

Dies ist das erste Mal, dass ich mit select2 arbeite. Ich benutze es durch YAML Form Drupal 8 Modul.

Answer 1

Verwendung ON von jquery stattdessen Methode klicken:

$('a.rentiraj').on('click', function (e) { 

Dokumentation: http://api.jquery.com/on/