Autocomplete doesn't work

[vishal-parameswaran]

How would I go about getting a functionality similar to the function of a standard autocomplete, which would automatically update the dropdown based on what you enter. In the current method, any data entered in the input is lost to the plugin as it simply pulls all data from the array and displays them.
My current function
var multiple = $('#multipleInput').materialize_autocomplete({ multiple: { enable: true }, limit:5, appender: { el: '.ac-users' }, dropdown: { el: '#multipleDropdown' }, getData: function (value, callback) { // ... callback(value, data); } });

[settenop]

If I've understood correctly you aren't filtering your data!
You can do something like this:

var multiple = $('#multipleInput').materialize_autocomplete({
    multiple: {
        enable: true
    },
    appender: {
        el: '.ac-users'
    },
    dropdown: {
        el: '#multipleDropdown',
        itemTemplate: '<li class="ac-item" data-id="<%= item.id %>" data-text=\'<%= item.text %>\'><a href="javascript:void(0)"><%= item.highlight %></a></li>'
    },
    getData: function(value, callback) {
        var testArray = ["i am a value", "i am another value", "i am the final ultimate mega value"];
        var data = testArray.reduce(function(acc, curr, i, arr) {
            if (curr.toUpperCase().indexOf(value.toUpperCase()) != -1) {
                acc.push({
                    id: i,
                    text: curr,
                    highlight: curr.toUpperCase().replace(
                        value.toUpperCase(), "<b>" + value.toUpperCase() + "</b>")
                });
            }
            return acc;
        }, []);
        callback(value, data);
    }
});

[yagami271]

yes you should filter your data

getData: function (value, callback) {
    	    	//yourObject => [{id:10,text:'toto'}]
    	    	data = yourObject.filter(function(el){
    	    		return el.text.toLowerCase().indexOf(value.toLowerCase())> -1;
    	    	})
    	    	console.log(data);
    	        callback(value, data);
    	    }