Mapping an array of strings to results in Select2

Question

I've got this JSON string

{"plaats":["Rottevalle","Rotterdam"]}

And I like to get "Rottevalle and Rotterdam" as an item in my selectbox with Select2

I've got this code.

$("#plaats").select2({
    minimumInputLength: 3,
    tags: [],
    ajax: {
        url: 'plaatsen.php',
        dataType: 'json',
        delay: 250,
        data: function (params) {
            return {
                q: params.term, // search term
                page: params.page
            };
        },
        processResults: function (data) {
            return {
                results: $.map(data, function(obj) {
                    return { id: obj.plaats, text: obj.plaats };
                })
            };
        }
    }
});

Problem is that I don't understand how I get the plaats data back within processResults.

Kevin Brown-Silva · Accepted Answer · 2015-06-04 22:51:10Z

1

The issue is that you are passing the full response into $.map instead of the plaats key of that.

$("#plaats").select2({
    minimumInputLength: 3,
    tags: [],
    ajax: {
        url: 'plaatsen.php',
        dataType: 'json',
        delay: 250,
        data: function (params) {
            return {
                q: params.term, // search term
                page: params.page
            };
        },
        processResults: function (data) {
            return {
                results: $.map(data.plaats, function(obj) {
                    return { id: obj, text: obj };
                })
            };
        }
    }
});

answered Jun 4, 2015 at 22:51

Kevin Brown-Silva

41.8k42 gold badges207 silver badges243 bronze badges

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

Collectives™ on Stack Overflow

Mapping an array of strings to results in Select2

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related