Question

我可以使用

执行基本标签和类别

http://jqueryui.com/autocomplete/#categories

但我需要不使用

$ .tidget（“custom.catcomplete”，$ .ui.autocomplete，{}）;

我如何使用

执行此操作

jQuery（“。class”）。autoComplete（{}）;

https://goodies.pixabay.com/jquery/auto-complete/demo.html

但是，我想知道是否可以附加一些带有标签的元数据。例如......

"[{ label: \"labelname1\", category: \"cat1\" },{ label: \"labelname2\", category: \"cat1\" },
  { label: \"labelname3\", category: \"cat2\" },{ label: \"labelname4\", category: \"cat2\" },
  { label: \"labelname5\", category: \"cat2\" },
  ];"

我想要像：

CAT1

-labelname1

-labelname2

CAT2

-labelname3

-labelname4

-labelname5

注意：仅由jQuery（“。class”）。autooComplete（{}）使用;

参考：＆gt; https://goodies.pixabay.com/jquery/auto-complete/demo.html

Answer 1

我猜你正在寻找：

jQuery(document).ready(function($) {


  $( ".class" ).autocomplete({
  source: [ { label: "labelname1", category: "cat1" }, { label: "labelname2", category: "cat2" }, { label: "labelname3", category: "cat3" } ],
  select: function( event, ui ) {
            $( ".class" ).val( ui.item.label );

            return false;
        }
})
.data( "ui-autocomplete" )._renderItem = function( ul, item ) {
                return $( "<li>" )
                .data( "ui-autocomplete-item", item )
                .append( "<a>" + item.category + "<br>" + item.label + "</a>" )
                .appendTo( ul );
            };

 });

我希望它有所帮助

具有标签元数据的autoComplete（jquery.auto-complete.js）类别

1 个答案: