select2 example

by Norlihazmey Ghazali

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/css/select2.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/select2.js"></script>
<select id="mySelect" style="width:100%"></select>

JavaScript

$('#mySelect').select2({
    ajax: {
        url: 'https://reqres.in/api/unknown',
        processResults: function(data) {
            var items = [];
            for(var i = 0; i < data.data.length; i++) {
            	items.push({
                	id: data.data[i].id,
                    text: data.data[i].name
                });
            }
            
            return {
                results: items
            };
        }
    }
})