JQuery Tag-it, wie man den Beitrag ausführt, wenn das Element entfernt wurde
-
28-10-2019 - |
Frage
Ich verwende das JQuery Tag-it-Skript, kann hier angezeigt werden:
http://levycarneiro.com/projects/tag-it/example.html
Das Skript wird ursprünglich nicht mit der Option geliefert, Beiträge der hinzugefügten Tags zu senden oder Tags zu entfernen, die der Benutzer entfernt.
Ich habe die Postanforderung erfolgreich zu einem PHP -Skript hinzugefügt, damit jemand, wenn jemand ein Tag hinzufügt, es in die DB einfügt.
Das Problem ist, wenn jemand auf die Schaltfläche 'x' klickt, um eines der Tags zu entfernen, kann ich keinen Weg finden, um den tatsächlichen Tag -Wert zu erhalten.
Lösung
Hier ist der Code geändert, damit Sie Zugriff auf das Tag haben, das entfernt wird.
In dem click
Handler (des x)
if (e.target.tagName == 'A') {
// Removes a tag when the little 'x' is clicked.
// Event is binded to the UL, otherwise a new tag (LI > A) wouldn't have this event attached to it.
var tag = $(e.target).parent();
//console.log( tag.children('input').val() ); // this line extracts the tag value
tag.remove();
}
und in der keypress
Handlergebrauch
if (tag_input.val() == "") {
// When backspace is pressed, the last tag is deleted.
var tag = $(el).children(".tagit-choice:last");
// console.log( tag.children('input').val() ); // this line extracts the tag value
tag.remove();
}
Demo bei http://jsfiddle.net/gaby/yyhtu/1/