jQuery UI Autocomplete how to implement Must Match in existing setup?

Question

I have the following code and am curious as how to force the input to match the contents of the autocomplete:

$("#foo").autocomplete({
    source: function( request, response ) {
        $.ajax({
            url: "index.pl",
            dataType: "json",
            data: {
                type: 'foo',
                term: request.term
            },
            success: function( data ) {
                response( $.map( data.items, function( item ) {
                    return {
                        value: item.id
                    }
                }));
            }
        });
    },
    minLength: 1
});

Community · Accepted Answer · 2017-05-23 12:13:00Z

0

Answering this question for the benefit of anyone who stumbles upon this problem in 2013(yeah right!)

$("#my_input").autocomplete({
    source: '/get_data/',
    change: function(event, ui) {
        var source = $(this).val();
            var temp = $(".ui-autocomplete li").map(function () { return $(this).text()}).get();
        var found = $.inArray(source, temp);

        if(found < 0) {
            $(this).val(''); //this clears out the field if non-existing value in <select><options> is typed.
        }
    }
});

Explanation: The map() method creates a jQuery object populated with whatever is returned from the function (in this case, the text content of each <li> element).

The get() method (when passed no argument) converts that jQuery object into an actual Array.

Here is the original link of where I saw the solution.

I hope this helps. Thanks!

edited May 23, 2017 at 12:13

CommunityBot

11 silver badge

answered Jun 20, 2013 at 13:19

KevinIsNowOnline

7734 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery UI Autocomplete how to implement Must Match in existing setup?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related