Question

Using a jQuery Autocomplete combobox like on the demo

http://jqueryui.com/demos/autocomplete/#combobox

How do I reset the visible user-entered text using jQuery?

(after the user has entered some text, made an autocomplete choice and caused, an unrelated, change)

Note: Changing the underlying select element does not cause any change in the autocomplete input field.

Note 2: This is one of many autocomplete comboboxes on the page in question (unlike demo)

Answer 1

I am able to reset the demo with the following code. One thing to note is that the select box is hidden but the values need to be maintained.

//clear each option if its selected
$('#combobox option').each(function() { 
    $(this).removeAttr('selected')
});

//set the first option as selected
$('#combobox option:first').attr('selected', 'selected');

//set the text of the input field to the text of the first option
$('input.ui-autocomplete-input').val($('#combobox option:first').text());