Autocomplete from jQuery returns Label values, I would like to return the values

I am having trouble getting the auto-complete wrapper getting filled with the values, not the labels

$(document).ready(function() {
        $('#id_name').autocomplete({            
            source: function(request, response) {
                $.ajax({
                    url: "{% url 'proiecte:autocomplete' %}",
                    dataType: "json",
                    data: {
                        term: request.term
                    },
                    success: function(data) {
                        response($.map(data.name, function(value, key) {    
                                             
                            return {                                
                                value: data.name[key],
                                label: data.id[key],
                            }
                        }));
                    }
                });
            },           
        })
    });

I've added an image for example, the auto-complete should show text values not numbers:

enter image description here

When you type in the textbox it shows the id because you assigned it in your label.

Try interchanging your value and label assignment with the one below.

success: function(data) {
                    response($.map(data.name, function(value, key) {    
                                         
                        return {                                
                            value: data.id[key],
                            label: data.name[key],
                        }
                    }));
                }
Back to Top