我正在使用jQuery自动完成与远程数据源。远程数据包含HTML标记。样本数据的格式为:
[
"ABC <span>XYZ</span>",
"PQR <span>LMN</span>",
];
自动完成下拉菜单包含类似以下的输出
ABC <span>XYZ</span> PQR <span>LMN</span>
我想让HTML标签得到渲染和下拉菜单以显示类似的输出
ABC XYZ PQR LMN
您可以使用“自定义显示”使用.autocomplete("instance")._renderItem
方法覆盖它。
检索自动完成的实例对象。如果元素没有关联的实例,
undefined
则返回。
控制小部件菜单中每个选项的创建的方法。该方法必须创建一个新
<li>
元素,将其添加到菜单,然后返回它。
代码
$("#tags").autocomplete({
source: availableTags,
select: function (event, ui) {
console.log(ui.item);
$("#tags").val(ui.item.label);
return false;
}
}).autocomplete( "instance" )._renderItem = function (ul, item) {
return $("<li></li>")
.data("item.autocomplete", item)
.append("<a>" + item.label + "</a>")
.appendTo(ul);
};
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句