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);
            } 
        }