Autocomplete Demo

css.css

.x {
    width: 20px;
    height: 20px;
    background-color: gray;
    color: white;
    margin-left: 5px;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    font-family: Calibri, sans-serif;
    cursor: pointer;
}
.x:after {
    content: 'x';
}

html.html

<ul hidden>
    <li>EA_PREO_1</li>
    <li>CMA_X</li>
    <li>CPA_SOMETHING</li>
</ul>
<input>

Script.js

$("input").autocomplete({
    source: $('li').map(function() { 
        return $(this).text();
    }).get(),
    close: function () {
        $(this).trigger('blur');
    },
    minLength: 0
})
.on('focus', function () {
    $(this).autocomplete('search');
})
.on('blur', function () {
    if ($(this).val()) {
        $(this).prop('disabled', true).after($("<span>").addClass('x').on('click', function () {
            $("input").prop('disabled', false).val('').trigger('focus');
            $(this).remove();
        }));
    }
});