在JQuery自动完成中,formatResult
和formatItem
选项用于定义自动完成下拉列表中每个选项的显示格式。
formatResult
选项用于定义自动完成下拉列表中每个选项的显示格式,它接受一个函数作为参数,该函数将在渲染下拉列表时被调用,并传入一个对象作为参数。这个对象包含了当前选项的相关信息,例如标签、值等。通过返回一个字符串,可以定义当前选项在下拉列表中的显示内容。
formatItem
选项用于定义自动完成下拉列表中每个选项的显示格式,它接受一个函数作为参数,该函数将在渲染下拉列表时被调用,并传入一个对象作为参数。这个对象包含了当前选项的相关信息,例如标签、值等。通过返回一个字符串,可以定义当前选项在下拉列表中的显示内容。
例如,以下代码可以使用formatResult
和formatItem
选项来定义自动完成下拉列表中每个选项的显示格式:
$("#input").autocomplete({
source: data,
formatResult: function(data) {
return<strong>" + data.name + "</strong>";
},
formatItem: function(data) {
return<strong>" + data.name + "</strong>";
}
});
在这个例子中,formatResult
和formatItem
选项都将每个选项的名称用<strong>
标签包裹,以突出显示。
需要注意的是,formatResult
选项在JQuery自动完成插件的不同版本中可能会有所不同,因此在使用时需要根据具体情况进行调整。
领取专属 10元无门槛券
手把手带您无忧上云