Ich habe diese Geige erstellt, die es dem Benutzer erlaubt, auf Kunst oder Video zu klicken und die zweite Listbox dynamisch zu füllen die Liste, die diesen Auswahlen zugeordnet ist. Es gibt zwei Schaltflächen, eine Schaltfläche zum Hinzufügen der Auswahl zu der Box, die andere zum Entfernen der Auswahl.
Ich möchte verhindern, dass der Benutzer bereits hinzugefügte Elemente hinzufügt. Der Wert der Optionen sind alle Guids. Bonuspunkte, wenn Sie die Geige so ändern können, dass Guid anstelle von Ints verwendet wird.
Ich habe es versucht:
%Vor%Ich möchte dem Benutzer ermöglichen, die ausgewählten Elemente aus der Liste zu entfernen.
Danke,
UPDATE Ich lasse euch wissen, was die Lösung ist, die ich mir ausgedacht habe. Ich habe die Bonuspunkte bekommen, weil ich GUID auf eine wirklich schlaue Weise hinzugefügt habe :) Geige , habe ich auch den HTML-Code aufgeräumt, damit er schön und ordentlich aussieht.
MAJOR UPDATE Ein dickes Dankeschön an alle, die zu dieser Frage beigetragen haben, ich habe alle Kommentare und Fideln an Bord genommen und diese & gt; & gt; Geige & lt; & lt;
Ich denke, du würdest so etwas tun wollen: Überprüfen Sie, ob sich der Wert in der Auswahlliste mit JQuery befindet .
Das Ändern Ihres Codes in etwas wie diesem sollte funktionieren:
%Vor%Das Entfernen ausgewählter Elemente würde wie folgt aussehen:
%Vor%Wenn Sie Zeilen nahtlos dynamisch hinzufügen und löschen möchten, versuchen Sie es auf diese Weise
Durch Hinzufügen eines Zeigers zur Liste der ausgewählten Objekte als Datenattribut für den Stammelementschlüssel können Sie leichter steuern, sodass Sie Add / Remove ganz einfach verwalten können.
Schnipsel von der Geige: -
%Vor%Ok, um deine Add-Funktion zu korrigieren, füge einfach die folgende if-Bedingung hinzu:
%Vor%um Elemente zu entfernen ::
%Vor%Hier ist das Beispiel, nachdem ich es jsfiddle
aktualisiert habeBesorgen Sie sich die Liste der verfügbaren Optionen, prüfen Sie, ob die hinzugefügten bereits vorhanden sind, oder fügen Sie sie hinzu:
%Vor%Wirklich sauber und einfach (funktioniert gut und nur ein paar Zeilen):
%Vor%Tags und Links javascript jquery