jQuery UI自动完成-按下Enter键后隐藏列表 [英] JQuery UI autocomplete - Hide list after hiting enter

问题描述

我有一个输入.我使用Jquery UI自动完成功能向用户提出建议.让我在列表中有3个项目的图像:item1，item2，item3.我正在寻找的是当用户点击Enter时要关闭的列表.例如，如果用户仅输入"it"，则将显示所有3个元素.在这种情况下，如果他按下Enter键，我希望该列表被关闭.我没有办法提出解决方案.希望有人能帮忙.干杯.马克.

I have an input. I use the Jquery UI autocomplete to propose suggestions to the user. Lets image I have in my list 3 items: item1, item2, item3. What I am looking for is the list to be closed when the user hits enter. For instance if the user only enters "it", all 3 elements will be displayed. In that case if he hits enter I would like the list to be closed. I do not manage to comue up with a solution for that. Hope someone can help. Cheers. Marc.

http://jsfiddle.net/vXMDR/

我的html:

<input id="search" type="input" />​

我的js:

$(function() {

    var availableTags = [
            "item1","item2","item3"
        ];

    $("#search").autocomplete({
        source:availableTags,
        minLength: 0
        });
});​

推荐答案

$(function() {

    var availableTags = [
            "item1","item2","item3"
        ];

    $("#search").autocomplete({
        source:availableTags,
        minLength: 0
    }).keyup(function (e) {
        if(e.which === 13) {
            $(".ui-menu-item").hide();
        }            
    });
});​

http://jsfiddle.net/vXMDR/2/

这篇关于jQuery UI自动完成-按下Enter键后隐藏列表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！