自动完成JqueryUI COMBOBOX +选择所有文本

Question

我正在使用jquery autocomplete组合框，它的工作效果很好。

访问http://jqueryui.com/demos/autocomplete/#combobox。

问题是，我想制作这个组合框，以便在框中点击内部文本被选中，这样用户就可以开始搜索下一个而不清除旧文本。

解决方案我尝试在$（document）.ready ...

上进行测试

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

        //set the first option as selected
        $('#<%=combobox.ClientID  %> option:first').attr('selected', 'selected');

        //set the text of the input field to the text of the first option
        $('#<%=combobox.ClientID %> ').parent().children('input.ui-autocomplete-input').val(' ');

工作......

提前感谢您的帮助。

Answer 1

$.select()就是您所需要的。在您的特定情况下，在构建自动完成框时执行此操作：

 $('#autocompletebox').autocomplete({...blablabla... }).focus(function() { $(this).find('input').select(); $(this).select(); });