jquery ui自动完成输入选择值

Question

我使用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自动完成文档非常差.

抱歉我的英语,我是法国人.

Answer 1

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

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