jquery ui自动完成输入选择值

时间:2013-04-26 21:32:23

标签: jquery select input autocomplete focus

我使用jquery自动完成功能来搜索xml文件。

自动完成功能正常。但是,当我单击自动完成菜单结果的元素项时,输入搜索框内的值不可见。因为在输入框中添加了很多空格(制表符)。

我真的不明白它来自哪里(这个空格)。

我做了一个小提琴,但是在这个小提琴上,值正确地放在输入框内......它们不是这个空格:http://jsfiddle.net/8zJkS/5/

脚本:

$("input#search").autocomplete({
        minLength: 3,
        source: myArr,
        response: function(event, ui) {
        if (ui.content.length === 0) {
            $("#noMatches").show();
        } else {
            $("#noMatches").hide();
        }
        },
        focus: function (event, ui) {
            $('input#search').focus();
            return false;
        },
        select: function (event, ui) {
            $("input#search").val(ui.item.value);
            return false;
        }
    });

顺便说一下,我也用键盘来搜索悬停效果。 我也有一些文字出现在我搜索时,我不知道如何删除它。

似乎jquery自动完成文档很差。

对不起我的英语,我是法国人。

1 个答案:

答案 0 :(得分:9)

我用这个解决了我的问题:

select: function(event, ui){
            if (ui.item && ui.item.value){
                titleinput = ui.item.value;
                ui.item.value= $.trim(titleinput);
            } 
        }