jQuery Select2 - benutzerdefinierten Wert beim Speichern hinzufügen

Question

Ich habe eine Seite, mit der der Benutzer einige Daten in meine MySQL-Datenbank einfügen kann. Ich habe ein Feld für "Times of Year", das im besten Fall "Spring", "Summer", "Autumn", "Winter" ist.

Ich möchte jedoch, dass der Benutzer in der Lage ist, eine benutzerdefinierte Zeit einzufügen, wenn sie dies wünscht, während er immer noch die bereits vorhandenen Optionen in der Datenbankspalte auswählen kann.

Ich möchte jQuery select2 verwenden, um das Dropdown-Menü mit den eindeutigen Werten aus der Datenbank vorzubelegen.

Ist es möglich, dies zu verwenden, während sie einen benutzerdefinierten Wert hinzufügen können, wenn sie dies wünschen? (Ich möchte alles in einem Formularfeld behalten, wenn möglich). Oder gibt es eine bessere Möglichkeit, dies zu tun?

Select2: https://select2.github.io/examples.html#single

Es gibt keinen Code für diesen noch ist, ich versuche, bevor irgendetwas meine beste Option zu arbeiten.

Answer 1

Ich denke, dass das Hinzufügen von benutzerdefinierten Werten möglich ist, in select2, nur zusätzliche Option einrichten "Tags: true" in Ihrem select2 Config während select-Elements initialisiert

$('.select2').select2({ 
    tags: true 
}); 

ich darüber im Moment nicht sicher bin, , aber es versuchen und lassen Sie uns wissen, ob es funktioniert :)

EDIT:

.select2 ist nur ein Beispiel, können Sie es ändern, wenn Sie wollen. Denken Sie daran, Ihre <select> Klasse entsprechend Ihrer Konfiguration

einzustellen