Hulp nodig bij het maken van vervolgkeuzelijsten bij het invoeren van formuliergegevens in jQuery

I am working on this test page: http://problemio.com/test.php

Wat ik probeer te doen is: wanneer de persoon typt, wil ik naar de database gaan en beschikbare opties voor hen zoeken. Het gedeelte met het ophalen van de items werkt.

Wat niet werkt, is het weergeven van de items. Ik speelde hier met jQuery autocomplete: http://docs.jquery.com/UI/Autocomplete maar het geeft dit gewoon:

$("input#autocomplete").autocomplete({
    source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"]
});

En ik weet niet zeker hoe ik die lijst moet vullen nadat mijn ajax-oproep de beschikbare opties heeft geretourneerd. Om het even welke ideeën op wat de juiste manier is om hier te gaan?

0
toegevoegd de auteur Blazemonger, de bron

2 antwoord

U kunt het pad naar uw server-side script doorgeven aan de eigenschap source. Het zou een json-object moeten retourneren

// from http://jqueryui.com/demos/autocomplete/#remote
$( "#birds" ).autocomplete({
    source: "search.php",
    minLength: 2,
    select: function( event, ui ) {
        log( ui.item ?
            "Selected: " + ui.item.value + " aka " + ui.item.id :
                "Nothing selected, input was " + this.value );
    }
});
1
toegevoegd
oh ja, dit is precies wat ik nodig heb! Bedankt!
toegevoegd de auteur GeekedOut, de bron

Dat zou automatisch moeten werken door een url aan te bieden in het source attribuut van de autocomplete die een reeks elementen retourneert.

Here are a couple of examples: http://view.jquery.com/trunk/plugins/autocomplete/demo/

0
toegevoegd