如何使用Jquery自动完成插件编辑自动完成建议列表?

时间:2011-08-10 12:18:22

标签: jquery-ui jquery autocomplete jquery-autocomplete

我使用http://jqueryui.com/demos/autocomplete/创建了自动填充的演示 插入。 现在按下键上显示的建议列表是

<ul>
    <li>
          Suggestion
    </li>
  </ul>

我必须编辑列表,如:

<ul>
    <li>
           <a>Suggestion</a>
          <br />
        <a>data1</a><a>data2</a>
    </li>

   </ul>

我该怎么做?我看过自动完成的脚本但没有找到任何提示。

2 个答案:

答案 0 :(得分:0)

您可以使用formatItem配置自动完成,以及配置对象的解析属性。

这个问题已在这里得到解答: JQuery AutoComplete results format?

答案 1 :(得分:0)

您希望在结果中添加一些HTML。如果这是正确的,jquery ui docs指向资源(位于文档页面底部):

  

标签始终被视为文本,如果您希望将标签视为html,则可以使用Scott González' html extension。这些演示都集中在源选项的不同变体上 - 寻找与您的用例匹配的变体,并查看代码。

或者,您可以使用自动填充的打开事件添加自定义数据。见这里的例子:

http://www.jensbits.com/2011/03/03/jquery-autocomplete-with-html-in-dropdown-selection-menu/