jQuery’s AutoComplete gesucht

Fragz · 31. März 2012, 18:11

HiHo,

Ich Suche schon eine ganze weile bin aber nicht wirklich fündig geworden.
Ich suche ein jQuery’s AutoComplete Script das ähnlich wie eine Livesearch funktioniert. beim klick auf den vorgeschlagenen Namen soll ohne Seitenreload ein formularfeld ausgefüllt werden.

Kennt Ihr da evtl eins?

Gruss

JaffaCoder · 31. März 2012, 19:21

jQuery UI enthält eines. Ist sehr gut :thumbup:

Schau mal im Wiki... da hat Torben einen Beitrag zu geschrieben

Fragz · 31. März 2012, 19:31

Hallo,

Das aus der WIki kenne ich, ist aber nicht genau das was ich benötige.
Auch auf der JQUERY HP finde ich nur Anleitungen für zb eine livesearch etc aber keines um die Formular Felder automatisch zu füllen sobald was gefunden wurde.

freeek · 31. März 2012, 19:39

suchst du evtl. sowas?

Fragz · 31. März 2012, 19:53

Hallo,
Nein, ich Suche sowas

178.162.186.179/jquery.avi

JaffaCoder · 31. März 2012, 20:24

Um das selbst scripten wirst du da nicht rumkommen... zumindest fällt mir grad keine andere Möglichkeit ein. Ich würd das per ein click-Event auf den User im Autocomplete und einem AJAX-Request, der die einzelnen Daten zurückgibt lösen...

Fragz · 31. März 2012, 21:24

Alps per click-Event an zb search.php senden und die vorgegebenen Varibalen füllen?

iSn0w · 31. März 2012, 22:07

Liest du die Daten aus einer MySQL Datenbank?

Dann könntest du mit einer AJAX Anfrage die Daten aus der Datenbank mit dem LIKE Befehl auslesen und zurücksenden.

Oder wie darf man das verstehen ?

Grüße

JaffaCoder · 31. März 2012, 22:23

Fragz schrieb:

Alps per click-Event an zb search.php senden und die vorgegebenen Varibalen füllen?

Jup

Fragz · 1. April 2012, 12:59

Ok, dann schau ich mal ob ich ne lifesearch für jquery finde das ich diese erweitern kann

Fragz · 1. April 2012, 18:55

Hallo,

So, nachdem ich nun den ganzen Tag dran hing und Google gequält habe komme ich nur zu einem minimalen ergebnis. Die Livesuche mit jquery

Quellcode

function customersearch(inputString) {
if(inputString.length == 0) {
// Hide the suggestion box.
$('#customersuggestions').hide();
} else {
$.post("customersearch.php", {queryString: ""+inputString+""}, function(data){
if(data.length >0) {
$('#customersuggestions').show();
$('#customerautoSuggestionsList').html(data);
}
});
}
}

Alles anzeigen

Quellcode

<input type="text" class="input" name="customersearch" id="inputString" onkeyup="customersearch(this.value);"><br />
<div class="customersuggestionsBox" id="customersuggestions" style="display: none;">
<div class="customersuggestionList" id="customerautoSuggestionsList"></div>
</div>

Quellcode

while ( $row = $DB->fetch_assoc() )
{
$user .= '<li><a href="user.php?page=add&&id='.$row['user_id'].'">'.$row['firstname'] . ' ' . $row['lastname'] . ' <strong>('.$row['user_id'].')</strong></a></li>';
}
echo $user;

Dies gibt mir bei gefundem Namen den Link aus.

Wie funktioniert dies anhant des click event? Hast du da ein Beispiel?

jQuery’s AutoComplete gesucht

jQuery’s AutoComplete gesucht

Fragz schrieb:

Quellcode

Quellcode

Quellcode

Teilen

Benutzer online 1

Tags