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;
        }
    });

显然你会想要对网址等进行一些验证.

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