jQuery 自动完成 - 当用户单击带有可变文本的文本输入框时如何开始搜索

Question

我有一系列文本输入框，它们使用 jQuery 自动完成来帮助用户选择适当的项目。该项目必须匹配，否则该字段必须留空。这部分工作正常。

现在，这需要用户单击该字段，然后在进行选择之前开始键入匹配的文本。通常，但并非总是，脚本已知前几个匹配字符（但它们随着字段的不同而变化）。如果字符已知，我想帮助用户，允许他们单击输入字段，然后进行搜索并使用这几个字符开始搜索。这些字符可能是错误的，如果是这样，用户可以删除它们并输入自己的输入来选择匹配项。

我想我想要的只是在用户单击输入时为用户输入它们。然后这神奇地触发了自动搜索，他们从那里获取它。但最好的方法是什么？

我有：

$("#input_thing").autocomplete('query.php', {
    width: 300,
    multiple: false,
    matchContains: false,
    formatItem: formatItem,
    formatResult: formatResult,
    mustMatch: true,
    cacheLength: 1,
    extraParams: {
        "category": function () {
            return $("#category option:selected").val()
        },
        "order": "1"
    }
}); // edit note:  added missing `});`

$("#input_thing").focus(function () {
    if ($("#search_starting_text").text().length > 0 && $("#input_thing").text() == 0) {
        //This meets my conditions for helping the user but not sure what to do here!!!
    }
}); // edit note:  added missing `);`

如果这不是正确的方法，我不希望它输入内容。而且，我无论如何也无法让它工作。有什么建议吗？

Answer 1

假设这是 jQueryUI 1.8 的自动完成功能，而不是插件，您需要调用搜索方法：

来自文档：

.autocomplete( "搜索" , [值] )
触发搜索事件，当
数据可用，然后将显示
建议；可以由
类似选择框的按钮来打开
单击时的建议。如果没有值
指定参数，当前
使用输入的值。可以调用
带有空字符串和 minLength: 0
显示所有项目。

所以...

if ($("#search_starting_text").text().length > 0 && $("#input_thing").text() == 0) {

    $("#input_thing").autocomplete( "search",$("#search_starting_text").text());
        //This meets my conditions for helping the user but not sure what to do here!!!
}