jquery - 如何重置 jQuery 自动完成组合框可见的文本？

Question

像演示一样使用 jQuery 自动完成组合框

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

如何使用 jQuery 重置可见的用户输入文本？

(在用户输入一些文本、做出自动完成选择并导致不相关的更改之后)

注意:更改底层选择元素不会导致自动完成输入字段发生任何更改。

注释 2:这是相关页面上的许多自动完成组合框之一(与演示不同)

Answer 1

我可以使用以下代码重置演示。需要注意的一件事是，选择框被隐藏，但需要维护值。

//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());