"搜索"按钮可激活自动完成功能

Question

我正在使用jQuery UI Autocomplete插件.有没有办法可以使用"搜索"按钮来激活查询而不是使用"自动填充"文本框来执行此操作？我的用户有一个真正糟糕的互联网连接,他们很难使用自动完成功能.

Answer 1

是的,可以做到.为了阻止搜索自然发生,搜索项的最小长度增加到(任意)1000个字符.同时,搜索本身已经在绑定到按钮的.click()事件中以编程方式触发- 这在本页的" 事件"选项卡中有记录.在触发搜索之前,minLength设置为0(因此搜索将实际触发),并在自动完成关闭时将其设置回1000.

HTML:

<label for="tags">Tags: </label>
<input id="tags" />
<input type="button" value="Search"/>

JavaScript的:

var availableTags = [
    'ActionScript',
    'AppleScript',
    'Asp',
    'BASIC',
    'C',
    'C++',
    'Clojure',
    'COBOL',
    'ColdFusion',
    'Erlang',
    'Fortran',
    'Groovy',
    'Haskell',
    'Java',
    'JavaScript',
    'Lisp',
    'Perl',
    'PHP',
    'Python',
    'Ruby',
    'Scala',
    'Scheme'
    ];

$('#tags').autocomplete({
    source: availableTags,
    minLength: 1000,
    close: function(event, ui) {
        $('#tags').autocomplete('option', 'minLength', 1000);
    }
});

$('input[type="button"]').click(function() {
    $('#tags').autocomplete('option', 'minLength', 0);
    $('#tags').autocomplete('search', $('#tags').val());
});