jQuery UI自动完成输入选择值

Question

jQuery UI自动完成输入选择值

jqueryselectinputautocompletefocus

5

我使用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自动完成文档非常简陋。

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

- freaky

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- freaky · Accepted Answer

我用这个方法解决了我的问题：

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