Select2 Show Currently Searched Value <p>I'm using <a href="https://select2.github.io/" rel="nofollow">Selec2</a> framework to do this with ajax call, i'm successfully implement this in my project but why when enter value to search it's showing current search value as selectable option, even when no result, i wan't to hide this. Any suggestion? thanks</p> <p>Showing curent search value and it's selectable: <a href="https://i.stack.imgur.com/bpj3j.png" rel="nofollow"><img src="https://i.stack.imgur.com/bpj3j.png" alt="enter image description here"></a></p> <p>Even when no result: <a href="https://i.stack.imgur.com/BHBAH.png" rel="nofollow"><img src="https://i.stack.imgur.com/BHBAH.png" alt="enter image description here"></a></p> <p>HTML:</p> <pre><code>&lt;select style='width:100%;' id='select-employee'&gt;&lt;/select&gt; </code></pre> <p>JS:</p> <pre><code>$("#select-employee").select2({ theme: "bootstrap", placeholder: "Select employee...", minimumInputLength: 1, tags: [], ajax: { url: "getEmployee.php", dataType: "json", type: "POST", delay: 250, data: function(params) { return { term: params.term, page: params.page }; }, processResults: function(data, params) { params.page = params.page || 0; return { results: data.items, pagination: { more: (data.page == "1" ? true : false) } }; }, cache: true } }); </code></pre>