user1163513 user1163513 - 1 year ago 108
jQuery Question

Clear text box in Jquery Autocomplete after selection

I want to clear the textbox having Jquery Autocomplete once the user has made the selection.

I tried to clear the field by :

select: function(event, ui) {
$(this).val('');
}


But this is not working.I am using jquery-1.6.4 and jquery-ui-1.8.16.

Any Ideas?

Answer Source

The select event occurs before the field is updated. You will have to cancel the event to avoid the field being updated after you have cleared it:

select: function(event, ui) {
    $(this).val("");
    return false;
}

Update: As T.J. pointed out below, it's slightly faster to update the value DOM property directly instead of going through val():

select: function(event, ui) {
    this.value = "";
    return false;
}