我已使用插件设置了Select2下拉列表。搜索工具将按预期工作,并从Web服务(C#/。NET)返回过滤的数据。
这是Javascript代码:
$("#ddlGameSelect").select2({
placeholder: 'Choose',
ajax: {
url: '/WebServices/GetData.asmx/GetData',
dataType: 'json',
data: function (params) {
var query = {
search: params.term
}
return query;
},
results: function (data) {
return { results: data };
},
processResults: function (data) {
var results = [];
data.forEach(function (s) {
results.push({ "id": s.val, "text" : s.title});
});
return {
results: results
};
},
error: function (response) {
alert("error fetching data");
}
}
});
问题是当我打开下拉菜单时,它没有显示该HTML选择的HTML中已经存在的现有选择选项。我单击“选择”,它仅显示搜索输入字段。
除了搜索选项外,我希望用户单击选择项时显示结果。
它应该可以像本page所示工作。