带有可点击链接的jQueryUI自动完成？答案

【问题标题】：jQueryUI autocomplete with clickable links?带有可点击链接的jQueryUI自动完成？
【发布时间】：2016-02-17 00:17:45
【问题描述】：

这是我第一次使用 jQueryUI 自动完成功能，我设法让它工作了，我们的客户只需要一个功能，即在搜索建议中有可点击的类别。

例如，看看这张图片：

它来自 newegg 网站，当我搜索“nvidia”时，会填充一个建议列表，除了项目名称之外，它所在的类别也会显示，但类别显示为文本而不是链接（即类别本身不可点击)。我也这样做，我从服务器上运行的服务返回搜索结果并填充建议。我不需要返回链接，我可以在“in”处拆分返回的字符串以获取“类别”，然后将链接生成为 <a href="someinternalpage.aspx?cat=category">Category</a>（此代码仅用于快速构思）。但现在主要问题来了，我如何使用上面的可点击链接填充建议？

欢迎任何帮助。

【问题讨论】：

标签： jquery ajax jquery-ui autocomplete jquery-ui-autocomplete

【解决方案1】：

我将利用自动完成公开的select 事件并将window.location 设置为正确的URL：

select: function (event, ui) {
    var category = $.trim(ui.item.value.split("in")[1])
        , url = "someinternalpage.aspx?cat=" + category;

    event.preventDefault();
    window.location.href = url;
}

【讨论】：

感谢您的回复，但我想要的不是整个列表，而是只有当有人点击“in”之后的任何内容时，才会被重定向。
@AshwinSingh：你能展示一下你目前拥有的代码吗？您如何显示类别？
@AndrewWhitaker jsfiddle 链接不存在。可以更新你的答案。
@user3731784：感谢您的提醒，我会在今天晚些时候尝试获得一个有效的链接。

【解决方案2】：

仅基于自动完成的演示页面，建议似乎是可定位的。

意思是，我会在他们身上注册一个点击函数来获取他们的内容，然后使用 jQuery 来重定向窗口，使用正确的 URL 路径进行搜索（比如http://domain.com/search=+content）或者使用 javascript 本身来提交表格。

这里的javascript提交非常详细http://www.javascript-coder.com/javascript-form/javascript-form-submit.phtml

没有任何代码，这就是我解决问题的方式。

【讨论】：