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

标签 jquery jquery-plugins jquery-autocomplete

我正在尝试通过 jquery 自动完成插件实现自动完成。一个简单的自动完成适合我。我无法实现逗号分隔自动完成。

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

我的jquery代码:

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

谢谢, 拉姆亚。

最佳答案

看看这个 walk-through有帮助。它包含以下代码,允许用户输入用逗号分隔的多个搜索词:

$("#<%= 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 autocomplete也有很多信息。页。

关于jquery - 逗号分隔的自动完成与 jquery 自动完成,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8716811/

相关文章:

javascript - 尝试使用 Google Visualization 通过用户输入更改 DataView

javascript - 在 XSL 中处理 HTML 标签

javascript - 单击时无法使用 Font Awesome 图标

javascript - 如何在Jquery中重置进度条

javascript - 以变​​量形式传递数据-Highcharts

jquery - 在 jquery 自动完成中获取值

jQuery Autocomplete 使用 extraParams 传递额外的 GET 变量

javascript - 带有烂番茄 api 的 jQuery 自动完成功能

jquery - Draggable() 在 jquery 中不起作用

javascript - jquery 插件架构