Clear autocomplete value on select change event

[Richard Wilde]

I have the following jsFiddle and want to clear the autocomplete field when the user has selected an item. The following code does not do this:-

$("#input").data("kendoAutoComplete").value("");
 
Is this possible?

//create AutoComplete UI component

$("#input").kendoAutoComplete({

    dataSource: data,

    filter: "startswith",

    placeholder: "Select country...",

    select: function(e) {

        var dataItem = this.dataItem(e.item.index());

        $('#list').append("<li>" + dataItem + "</li>");

        $("#input").data("kendoAutoComplete").value(""); 

    }

});

[Georgi Krustev]

Hello Richard,

 
If you need to clear the autocomplete value in the select event, then you will need to prevent it:

select: function(e) {
        var dataItem = this.dataItem(e.item.index());
        $('#list').append("<li>" + dataItem + "</li>");
        $("#input").data("kendoAutoComplete").value("");
        e.preventDefault();
}

Regards,
Georgi Krustev
the Telerik team