JQuery自动完成在无序列表中显示结果？答案

【问题标题】：J Query auto complete display result in un ordered list?JQuery自动完成在无序列表中显示结果？
【发布时间】：2014-04-04 11:11:51
【问题描述】：

我想在无序列表中显示结果 JQuery 自动完成结果，如何创建它。 Java脚本代码

$("#seachbox").autocomplete("result.ashx", {
            width: 200,
            formatItem: function (data, i, n, value) {

          return =""; //---- ?
},

html

<ul>
    <li>
        <a href='#'><img src='It_img/studentpic.jpg' '/> Name of student</a> 
    </li>
</ul>

【问题讨论】：

你浏览过文档吗？ jqueryui.com/autocomplete
@Ashwini Verma 我没有关于 j 查询的信息 :)

标签： javascript jquery asp.net autocomplete

【解决方案1】：

jQuery UI Api 中专门为此设计的扩展插件（扩展点）很少

_renderMenu：

 _renderMenu: function( ul, items ) {
    var that = this;
    $.each( items, function( index, item ) {
        that._renderItemData( ul, item );
    });
 //after list population is complete, add some additional css classes or operations like this below
 $( ul ).find( "li:odd" ).addClass( "odd" );
}

控制构建小部件菜单的方法。该方法传递一个空的<ul> 和一个与用户键入的术语匹配的项目数组。单个<li> 元素的创建应委托给_renderItemData()。

快乐编码:)

【讨论】：

【解决方案2】：

  $(function() {
    var availableTags = [
      "ActionScript",
      "AppleScript",
      "Asp",
      "BASIC",
      "C",
      "C++",
      "Clojure",
      "COBOL",
      "ColdFusion",
      "Erlang",
      "Fortran",
      "Groovy",
      "Haskell",
      "Java",
      "JavaScript",
      "Lisp",
      "Perl",
      "PHP",
      "Python",
      "Ruby",
      "Scala",
      "Scheme"
    ];
    $( "#tags" ).autocomplete({
      source: availableTags
    });
  });

这是链接，它是如何工作的和示例。 http://jqueryui.com/autocomplete/#default

【讨论】：