Question

There’s autocomplete, but it doesn’t force the selection of an item. I need something like this but it has to force an item to be selected before you can “submit”.

Does it exist?

Answer 1

This is my solution with .blur (moreover I use name|ID pairs)

jQuery("#username").autocomplete(
    "/yii_app/stock/suggestUser",
    {
        'mustMatch':true,
        'multiple':false,
        'formatItem':function(result, i, num, term) {
            return '<small>'+result[1]+'</small>&nbsp;&nbsp;&nbsp;'+ result[0];
        }
    }
).result(
    function(event,item) {
        $("#user_id").val(item[1]);
    }
).blur(
    function() {
        $("#user_id").val('');
        $(this).search();
    }
);

user_id is a hidden input field, username is an text input field
ajax result uses the following format:
user1name|user1id\n
user2name|user2id\n