1

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

例如，看看这张图片：

在此处输入图像描述

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

任何帮助都将受到欢迎。

4

2 回答 2

3

我将利用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;
}
于 2012-06-22T17:37:08.957 回答
0

仅基于自动完成的演示页面，这些建议似乎是有针对性的。

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

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

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

于 2012-06-22T06:35:42.650 回答