[JavaScript] Autocomplete

master80 · 26. Juli 2012

Autocomplete

Hallo allen,

Ich habe auf an einer Stelle die JQueryUI-Funktion „autocomplete“ eingesetzt.
Das funktioniert auch gut, nur wird, wenn man mehrfach etwas auswählt, das alte Ergebnis nicht gelöscht.

Ich habe den in Autocomplete | jQuery UI beschrieben Teil einfach angepasst.
Dazu habe ich eine passende XML-Datei generiert und die XML-Tags im JS angepasst.

Wie kann ich nur verhindern, dass das alte Ergebnis weiterhin angezeigt wird.

Die Anzeigefunktion schreibt jede Ergebniszeile in ein <div>… </div>, stehen dort zwei Zeilen, kommen eben zwei der DIVs vor.

Es wird also:

PHP:

    ---

< div  class= "ui-widget"  style = "margin-top:2em; font-family:Arial" >

         Ergebnis :

        < div id = "log"  style = "height: 50px; width: 400px; overflow: auto;"  class= "ui-widget-content" ></ div >

</ div >

---

für jedes Ergebnis erneut ausgegeben.

Hat jemand eine Idee ?

bb. master80

Anzeige

°EraZoR° · 26. Juli 2012

AW: Autocomplete

Du musst die Funktion log() dahingehend abändern, dass Sie eben in ein bestimmtes DIV schreibt und die alten Werte überschreibt.
Momentan wird mit prepend jedes Mal angehängt..

BlueSin · 26. Juli 2012

AW: Autocomplete

Ausschlaggebend ist die Funktion "prependTo()", die setzt den neuen Inhalt an den Anfang des Div's.
Nutze einfach vorher ein "remove()" oder "empty()".

Code:

function log( message )
{
 $( "#log" ).remove();
 $( "<div/>" ).text( message ).prependTo( "#log" );
 $( "#log" ).scrollTop( 0 );
}

So sollte es funktionieren.

Nützliche Suchen

[JavaScript] Autocomplete

Videos zum Themenbereich