我正在尝试从其网站重新创建JQUery自动填充示例:
http://jqueryui.com/autocomplete/#multiple-remote
我唯一改变的是改变源属性:
source: function( request, response ) {
$.getJSON( "search.php", {
term: extractLast( request.term )
}, response );
},
要:
source: function (request, response) {
$.ajax({
type: "POST",
url: "/UIClientsWebService.asmx/SearchCRMUsers",
data: "{term:'" + extractLast(request.term) + "'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (result) {
$("#commentBody").autocomplete("option", "source", result.d);
}
}, response);
},
现在问题是自动完成只是为第一个','工作。当我选择第一个项目时,当我想搜索并选择第二个项目时,什么都没发生。我的萤火虫没有错误。我可以看到搜索方法调用,但源不会更改,也没有显示为我的自动完成项。我可以看到我的搜索字词更改正确,但实际上没有搜索。
答案 0 :(得分:3)
尝试将选项multiple: true
添加到您的脚本
$(document).ready(function() {
src = '/UIClientsWebService.asmx/SearchCRMUsers';
$("#yourSelector").autocomplete({
source: function(request, response) {
$.ajax({
url: src,
dataType: "json",
data: "{term:'" + extractLast(request.term) + "'}",
success: function(data) {
response(data);
}
});
},
min_length: 3,
delay: 300,
multipleSeparator:",",
multiple: true,
});
});