jQueryUI自动完成，可点击的结果

Question

我已经尝试过寻找类似的案例而且我找到了一些，但每次都有，但代码略有不同，我无法找到解决方案......

我在我的网站上使用jQuery Autocomplete来处理来自mysql数据库的数据 结果按类别排序，以在同一输入中显示产品和品牌 所以我自然地将他们网站上的例子粘贴在我的网站上并且工作正常！ 生成的json看起来像这样

{"label":"Product 1","url":"product.php?id=1","category":"Products"}

我唯一的问题是我希望结果可点击。因此，当用户点击结果时，会加载另一个页面，而不是使用数据填充输入的默认行为。

我在jsfiddle上创建了一个演示，这样你就可以看到发生了什么 http://jsfiddle.net/fJ22W（数据包含在js中）

我的帮助非常受欢迎，我想这不是什么大问题，但我在jQuery方面的糟糕技能阻止我解决这个问题...

贝特朗

Answer 1

使用select事件：

$( "#search" ).catcomplete({
        source: 'suggest_zip.php',
        select: function( event, ui ) {
            window.location = ui.item.url;
        }
    });

显然，您希望对网址等进行一些验证。

对于它的价值，我还建议使用默认的自动完成小部件并使用事件和选项，而不是尝试从它继承。你的代码会更清晰，更容易出现奇怪的错误。