jquery ui自动完成输入选择值

Question

我使用 jquery 自动完成功能在 xml 文件中进行搜索。

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

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

我做了一个 fiddle ，但是在这个 fiddle 上，值正确地放置在输入框中...它们不是这个空格: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);
            } 
        }