jquery - 带有选项的jQuery自动完成图像

我是jQuery的新手，但真的很着迷。

我有一个aspx页面，我想为文本框实现自动完成功能，用户将在其中键入要搜索的产品。如果键入，我希望在选项中显示名称为a的产品及其图像。我有一个数据库具有3列ProductId，ProductName和Image Name的表格。

我尝试了jQuery自动完成插件杜松子酒，但是找不到满足我要求的解决方案，任何人都可以指导我前进的方式。

最佳答案

您需要从服务器端代码中将产品名称和图片网址提供回自动完成插件。然后，您可以覆盖插件options中的formatItem来修改标记。本质上，您需要创建显示名称和图片的html。请参见http://jquery.bassistance.de/autocomplete/demo/上的图像搜索演示。这是该演示中的代码：

$("#imageSearch").autocomplete("images.php", {
    width: 320,
    max: 4,
    highlight: false,
    scroll: true,
    scrollHeight: 300,
    formatItem: function(data, i, n, value) {
        return "<img src='images/" + value + "'/> " + value.split(".")[0];
    },
    formatResult: function(data, value) {
        return value.split(".")[0];
    }
});

关于jquery - 带有选项的jQuery自动完成图像，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/930159/