如何使用jquery在autocompleteextender中显示图像 [英] how to show image in autocompleteextender using jquery

问题描述

我想使用jquery在autocompleteextender中显示图像和文本。很多，但我做不到。请帮助任何人。当我用img标签传递图像路径时，它将其显示为文本。



我的代码是：

i want to display image and text in autocompleteextender using jquery i try. a lot but i can't do. please help anyone. when i pass image path with img tag it's showing this as a text.

my code is:

<div>
        <script>
            var data = [
        { "label": "Aragorn" },
        { "label": "Arwen" },
        { "label": "Bilbo Baggins" },
        { "label": "Boromir" },
        { "label": "Frodo Baggins" },
        { "label": "Gandalf" },
        { "label": "Gimli" },
        { "label": "Gollum" },
        { "label": "Legolas" },
        { "label": "Meriadoc Merry Brandybuck" },
        { "label": "Peregrin Pippin Took" },
        { "label": "Samwise Gamgee" },
        { "label": "<img src='imgMagnification/small.jpg' alt='' data-magnify-src='imgMagnification/large.jpg'>" }
        ];
        </script>
        <script>
            $(function () {

                $("#search").autocomplete(
    {
        source: data
    })
            });
        </script>
        <input type="text" id="search" />
    </div>

请帮助

提前感谢。

please help
thanks in advance.

推荐答案

（function（）{

(function () {

（＃search）。autocomplete（
{
sour ce：data
}）
}）;
< / script >
< input 类型 = text id = 搜索 / >
< / div >

("#search").autocomplete( { source: data }) }); </script> <input type="text" id="search" /> </div>

请提前帮助

。

please help
thanks in advance.

这篇关于如何使用jquery在autocompleteextender中显示图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！