1. 动态传额外参数
$("#id").autocomplete({
source: function(request, response) {
$.ajax({
url: url,
dataType: "json",
data: {
term: $("#id").val() ,//搜索栏里的内容
extra:extra ,//额外参数
},
success: function(data) {
response(data);
}
});
},
focus: function(event, ui) {
$("#id").val(ui.item.label);
return false;
},
select: function(event, ui) {
return false;
}
});
2. 提示内容的下拉框不止显示字符串,而是以html格式显示。
修改jquery ui的js文件,将.text()相应部分改为.html()
3. 在弹出框上无法显示提示信息
再引入jQuery ui,js文件后引下面代码的css文件
.ui-autocomplete {
display: block;
z-index: 99999;
}