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

发布于 2024-11-29 00:11:12 字数 513 浏览 1 评论 0原文

我使用 http://jqueryui.com/demos/autocomplete/ 创建了自动完成演示 插件。 现在按键时出现的建议列表是

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

我必须编辑列表,例如:

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

   </ul>

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

I am created a demo of autocomplete using http://jqueryui.com/demos/autocomplete/
plugin.
Now the suggested list which appears on pressing key is

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

I have to edit the list like :

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

   </ul>

how can I do this? I seen script for autocomplete but not found any hint.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

仙女山的月亮 2024-12-06 00:11:12

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

这个问题已在这里得到回答:
JQuery 自动完成结果格式?

You can configure the autocomplete with the formatItem, and the parse properties of the configuration object.

This question has been answered here:
JQuery AutoComplete results format?

何以笙箫默 2024-12-06 00:11:12

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

标签始终被视为文本,如果您希望标签被视为html,可以使用 Scott González 的 html 扩展。这些演示都侧重于源选项的不同变体 - 寻找与您的用例相匹配的选项,然后查看代码。

或者,您可以使用自动完成的打开事件添加自定义数据。请参阅此处的示例:

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

Looks like you want to add some HTML to the result. If that is correct, the jquery ui docs point to a resource (at the bottom of the docs page):

The label is always treated as text, if you want the label to be treated as html you can use Scott González' html extension. The demos all focus on different variations of the source-option - look for the one that matches your use case, and take a look at the code.

Or, you can add custom data using the open event of the autocomplete. See example here:

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文