Jquery plugins 如何使用jQuery';是否设置.autocomplete的formatItem、formatMatch和formatResult选项?
我正在使用jQuery的.autocomplete插件,我希望能得到一些帮助,使文本写入输入字段时填充的下拉菜单中显示的结果格式化 为了获得填充自动完成的数据,我使用以下PHP从mySQL中提取:Jquery plugins 如何使用jQuery';是否设置.autocomplete的formatItem、formatMatch和formatResult选项?,jquery-plugins,jquery-autocomplete,Jquery Plugins,Jquery Autocomplete,我正在使用jQuery的.autocomplete插件,我希望能得到一些帮助,使文本写入输入字段时填充的下拉菜单中显示的结果格式化 为了获得填充自动完成的数据,我使用以下PHP从mySQL中提取: $sql = ( 'SELECT tag, title, author, content, id FROM labels' ); $result = mysql_query( $sql ); $Response = array(); while( $row = mysql_fetch_obje
$sql = ( 'SELECT tag, title, author, content, id FROM labels' );
$result = mysql_query( $sql );
$Response = array();
while( $row = mysql_fetch_object( $result ) ){
$Response[] = array(
"id" => $row->id,
"name" => $row->tag . ": " . $row->title . ": " . $row->content .""
);
}
当用户从自动完成中选择最适合他们的选项时,我使用以下方法将上面的“名称”转换为“id”:
var AllTagData=;
var标签=[]
for(var i in AllTagData){
Tags.push(AllTagData[i].name);
}
function getIdFromTag(_name){
for(var i in AllTagData){
if(_name == AllTagData[i].name){
return AllTagData[i].id;
}
}
}
到目前为止,一切顺利。最后,我使用jQuery自动完成插件为用户输出数据:
$(document).ready(function(){
$("#Responses").autocomplete({
source: Tags,
matchContains: true,
autoFill: true,
select: function(e, ui){
$("#hidden_tags").val( getIdFromTags($("#Responses").val()) );
}});
});
代码的最后一部分是我需要帮助实现formatItem、formatMatch和formatResult选项的地方
从上面给出的PHP中,我输出标签、标题和内容,所有内容都在“name”中。我希望为用户格式化自动完成选项的方式是
- 显示标签和标题
- 隐藏内容
- 在标签、标题和内容中搜索可能的匹配项
谢谢 我认为您使用的是不同版本的插件,但如果您看看这个: 您将找到一个index.html文件,其中包含您要求的示例,例如:
showResult: function(value, data) {
return '<span style="color:red">' + value + '</span>';
},
showResult:函数(值、数据){
返回“”+值+“”;
},
祝你好运