Jquery plugins 如何使用jQuery';是否设置.autocomplete的formatItem、formatMatch和formatResult选项?

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

我正在使用jQuery的.autocomplete插件,我希望能得到一些帮助,使文本写入输入字段时填充的下拉菜单中显示的结果格式化

为了获得填充自动完成的数据,我使用以下PHP从mySQL中提取:

 $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:函数(值、数据){
返回“”+值+“”;
},
祝你好运