逗号分隔的自动完成与 jquery 自动完成

Question

我正在尝试通过 jquery 自动完成插件实现自动完成。一个简单的自动完成对我来说很有效。我无法实现逗号分隔的自动完成。

请帮助我解决我哪里出错了。

我的 jquery 代码：

$(document).ready(function() {  
$.getJSON('/releases/new.json', function() {      
alert("inside getJson"); 
alert(data1); 
$('#release_tester_tokens').autocomplete({source:names,multiple: true});  
});
});

谢谢， 拉姆亚。

Answer 1

看看这个演练是否有帮助。它包含以下代码，允许用户输入用逗号分隔的多个搜索词：

$("#<%= txtMultipleName.ClientID %>").autocomplete({
    source: function (request, response) {
        $.getJSON("AutoComplete.ashx", {
            term: extractLast(request.term)
        }, response);
    },
    search: function () {
        // custom minLength
        var term = extractLast(this.value);
        if (term.length < 1) {
            return false;
        }
    },
    focus: function () {
        // prevent value inserted on focus
        return false;
    },
    select: function (event, ui) {
        var terms = split(this.value);
        // remove the current input
        terms.pop();
        // add the selected item
        terms.push(ui.item.value);
        // add placeholder to get the comma-and-space at the end
        terms.push("");
        this.value = terms.join(", ");
        return false;
    }
});
function split(val) {
    return val.split(/,\s*/);
}
function extractLast(term) {
    return split(term).pop();
}

jQuery UI 自动完成 页面。

Answer 2

在您的示例中，您正在访问甚至未定义的变量，并且从未访问 getJSON 调用的任何结果。在 JSON 中，逗号分隔的列表实际上是一个数组（如果它位于 [] 括号中）。如果它是一个字符串，只需使用 字符串分割 来创建源数组。

$(document).ready(function() {  
    $.getJSON('/releases/new.json', function(data) {
        $('#release_tester_tokens').autocomplete({
            source: data.list,
            multiple: true
        });  
    });
});