Select2 Demo

HTML

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0-beta.3/css/select2.min.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0-beta.3/js/select2.js"></script>
<div>Stavka
    <select id="stavka" name="stavka"></select>
</div>
<br />
<br />
<button type="button" id="showValue">Show Value</button>
<br />
<br />
<div id="output"></div>

JavaScript

var json = [{"ime":"BioPlex TM"},{"ime":"Aegis sym agrilla"},{"ime":"Aegis sym irriga"},{"ime":"Aegis sym microgranulo"},{"ime":"Aegis sym pastiglia"},{"ime":"Agroblen 15816+3MgO"},{"ime":"Agroblen 18816+3MgO"},{"ime":"Agrobor 15 HU"},{"ime":"Agrocal (Ca + Mg)"},{"ime":"Agrocal (Ca)"},{"ime":"Agrogold"},{"ime":"Agroleaf Power 12525+ME"},{"ime":"Agroleaf Power 151031+ME"},{"ime":"Agroleaf Power 202020+ME"},{"ime":"Agroleaf Power 311111+ME"},{"ime":"Agroleaf Power Ca"},{"ime":"Agrolution 14714+14 CaO+ME"},{"ime":"Agrovapno dolomitno"},{"ime":"Agrovit HSF"},{"ime":"Agrovit P"},{"ime":"Agrozin 32 T"},{"ime":"Albatros Hydro"},{"ime":"Albatros Sprint"},{"ime":"Albatros Standard"},{"ime":"Albatros Universal"},{"ime":"Algaren"},{"ime":"AlgoVital ? Plus"},{"ime":"Amalgerol PREMIUM"},{"ime":"Amcolon \/ Novalon"},{"ime":"Amcopaste"},{"ime":"Aminosprint N8"},{"ime":"AminoVital"},{"ime":"Ammonium nitrate 33.5%"},{"ime":"Ammonium nitrate with calcium sulfate"},{"ime":"Ammonium sulfate"}];

$('#stavka').select2({
    width: '300px',
    ajax: {
        type: 'post',
        url: '/echo/json/',
        dataType: 'json',
        data: function () {
            return {
                json: JSON.stringify(json),
                delay: 0.3
            };
        },
        processResults: function (data) {
            return {
                results: $.map(data, function(obj) {
                    return { id: obj.ime, text: obj.ime };
                })
            };
        }
    }
});

$('#showValue').click(function () {
    $('#output').text($('#stavka').val());
});