Jquery UI autocomplete select

Ich brauche Hilfe mit dem code unten.

$("#auto_cp").autocomplete({
    minLength: 3,
    //source
    source: function(req, add) {
        $.getJSON("friends.php?callback=?", req, function(data) {
            var suggestions = [];
            $.each(data, function(i, val) {
                suggestions.push(val.name);
            });
            add(suggestions);
        });
    },
    //select
    select: function(e, ui) {
        alert(ui.item.value);
    }
});​

mit FireBug, ich bin immer in meiner Konsole :

jQuery171003666625335785867_1337116004522([{"name":"97300
Cayenne","zzz":"203"},{"name":"97311
Roura","zzz":"201"},{"name":"97312 Saint
Elie","zzz":"388"},{"name":"97320 Saint Laurent du
Maroni","zzz":"391"},{"name":"97351
Matoury","zzz":"52"},{"name":"97354 Remire MontJoly
Cayenne","zzz":"69"},{"name":"97355 Macouria Tonate","zzz":"449"}])

Alles funktioniert sehr gut, aber ich weiß nicht, wie man den Wert von 'zzz' auf Element auswählen.

Versuchte ich

alert(ui.item.zzz);

Aber es funktioniert nicht.

Was sehen Sie in den alert-popup?
In der alert-popup sehe ich : undefiniert
Und was sehen Sie, wenn Sie alert(ui.item) in der select-Funktion?
dabei alert(ui.Element) bekomme ich : [object object]
Versuchen Sie der Konsole.log(ui.item); in Chrome Sollte die gesamte Objekt-Struktur.

InformationsquelleAutor user367864 | 2012-05-15

  1. 6

    Das autocomplete-widget erwartet Sie eine Datenquelle im array-format mit entweder:

    • Objekte mit einem label Eigenschaft, eine Wert Eigenschaft, oder beides
    • Einfache string-Werte

    Sind Sie derzeit den Aufbau der zweiten (ein array von string-Werten), welche gut funktioniert, aber Sie können auch leicht optimieren Sie Ihre Daten, die Sie Durchlaufen und liefern auch die anderen Eigenschaften im Objekt:

    $("#auto_cp").autocomplete({
    minLength: 3,
    //source
    source: function(req, add) {
        $.getJSON("friends.php?callback=?", req, function(data) {
            var suggestions = [];
            $.each(data, function(i, val) {
                suggestions.push({
                    label: val.name,
                    zzz: val.zzz
                });
            });
            add(suggestions);
        });
    },
    //select
    select: function(e, ui) {
        alert(ui.item.zzz);
    }
});​

    Nun, da das array, das Sie sind, liefert das widget enthält, Objekte mit einer Namen - Eigenschaft, sollten Sie sich AutoVervollständigen-Funktion und auch den Zugang zu den zzz Eigenschaft.

    Hier ist ein funktionierendes Beispiel (ohne den AJAX-call): http://jsfiddle.net/LY42X/

    Hallo, ich habe versucht deine Lösung oben und ich bekomme immer noch "undefined". Ok, für Ihre Arbeit exemple, aber ich habe es die Arbeit mit den ajax-call. Können Sie helfen?
    Was ist die URL, die Sie verwenden? Da Sie machen eine JSONP-call kann ich wohl machen JSFiddle verwenden Sie die gleiche URL.
    hier ist meine url : directauto-assu.com/testC/friends.php
    ok, ich mache es die Arbeit mit Ihrer Lösung. Ich Mach einfach das : alert(ui.Element.zzz); Et voilà!!
    Ah! Ich bin so traurig, dass war ein Tippfehler in meiner Antwort, habe ich korrigiert.

    InformationsquelleAutor Andrew Whitaker

  2. 1

    Du bist Quelle-Funktion ist nur zum Auffüllen der name. Wenn Sie möchten, alles aus Daten, Struktur, dies zu tun:

    $("#auto_cp").autocomplete({
    minLength: 3,
    //source
    source: function(req, add) {
        $.getJSON("friends.php?callback=?", req, function(data) {
            var suggestions = [];
            $.each(data, function(i, val) {
                suggestions.push(val); //not val.name
            });
            add(suggestions);
        });
    },
    //select
    select: function(e, ui) {
        alert(ui.item.value.zzz);
    }
});​
    Hmm, ich habe versucht, aber es brach mir das AutoVervollständigen. Ich meine, beim starten eingeben, bekomme ich keine Ergebnisse. Ich kann sehen, dass die "Antwort" im Firebug, aber soweit ich sehen können, val.der name ist nicht dispayed.

    InformationsquelleAutor lbstr

  3. 0

    Scheint dies ein array von Objekten... was Ihr vielleicht fehlt, ist die "[0]" oder im Allgemeinen "[index]".

    Bitte prüfen: jqueryui.com/demos/autocomplete/#event-select

    Es funktioniert nicht, auch ja, es ist ein array, hier ist der php code der Datei rufe ich per ajax $query = mysql_query("SELECT cv_ville,cv_numville VON cms_code_ville WO cv_ville LIKE '%".$_GET['term']."%'"); //build array der Ergebnisse for ($x = 0, $numrows = mysql_num_rows($Abfrage); $x < $numrows; $x++) { $row = mysql_fetch_assoc($query); $friends[$x] = array("name" => $row["cv_ville"] , "zzz" => $row["cv_numville"]); } //echo JSON zu Seite $Antwort = $_GET["callback"] . "(" . die Funktionen json_encode($friends) . ")"; echo $Antwort;
    Ahh, aber was ist, wenn Sie: alert(ui[0].zzz) ??
    ich : ui[0] undefiniert ist
    Dieser wird ausgelöst, sobald Sie etwas. So "ui.Element" soll das Element auswählen... oder null, wenn nichts ausgewählt ist. Also, Sie überprüfen könnten, wenn ui.Artikel ist nichts dann ermittelt werden dessen Eigentum. In Ihrer json... haben Sie "name" und "zzz"..., so dass Sie könnte "ui.Element.name" oder "ui.Element.name.- Wert".

    InformationsquelleAutor Romias

Schreibe einen Kommentar