[jQuery] Autocomplete voor select?

[Verwijderd]

Beste Tweakers,

Als ik altijd te lang naar de code kijkt dan kom ik er niet meer uit. Ik heb een autocomplete gemaakt welke uit de database de resultaten ophaalt en het netjes weergeeft in de 'input'-fields. Maar de select-box wijzigt niet.

Zie hier het form, alles werkt, behalve de select-box:


Ik denk zelf een kleine aanpassing, maar je moet het maar net weten.

Hier de code:

De script op de website zelf:

code:

$(function()
        {
            $('#q').autocomplete({
                
                source: "{{ URL::route('autocomplete') }}",
                minLength: 3,
                select: function(event,ui) {
                    $('#q').val(ui.item.value);
                    $('#address').val(ui.item.address);
                    $('#city').val(ui.item.city);
                    $('#country').val(ui.item.country);
                    $('#address').val(ui.item.address);
                    $('#phone').val(ui.item.phone);
                    $('#website').val(ui.item.website);
                    $('#postcode').val(ui.item.postcode);
                    }
                
            });
          
            
        });

De backend die alles ophaalt uit de DB:

code:

public function autocomplete() {
        $term = Input::get('term');
        
        $results = array();
        
        $queries = DB::table('companies')
            ->where('company', 'LIKE', $term.'%')
            ->orderBy('company')
            ->distinct()
            ->take(5)->get();
            
        foreach ($queries as $query)
        {
            $results[] = [
            'id' => $query->id, 
            'value' => $query->company, 
            'address' => $query->address,
            'postcode' => $query->postcode,
            'city' => $query->city,
            'country' => $query->country,
            'phone' => $query->phone,
            'website' => $query->website
            ];
        }
        return Response::json($results);
        
    }

[ Voor 3% gewijzigd door Verwijderd op 06-04-2015 20:39 ]

[Verwijderd]

Heb de oplossing al.

code:

$('#country').val(ui.item.country).change();