Javascript jquery ui在下拉列表中显示缩略图

我试图在jQueryUI下拉菜单上显示一个小图片，用户可以通过ajax调用使用缩略图。我该怎么做？我是ajax新手，以前从未使用过jQueryUI，因此如果有人能为我指引正确的方向，我将不胜感激。谢谢大家!

HTML/JS

<script type="text/javascript" src="http://code.jquery.com/ui/1.10.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/base/minified/jquery-ui.min.css" type="text/css" />

{literal}
<script type="text/javascript">
$(function() {

    $(".auto").autocomplete({
        source: "/ajax/search_user.php",
        minLength: 2,
        limit: 10
    });             

});
</script>
{/literal}

<form action="" class="forms" method="post">
    <div class="form-group">
        <div class="input-group">
            <div class="input-group-addon">@</div>
            <input type="text" class="form-control auto" name="to" placeholder="Username">
        </div>
    </div>
    <div class="form-group">
        <textarea class="form-control" name="message" placeholder="Enter Message.." cols="50" rows="8"></textarea>
    </div>
    <div class="form-group">
        <input type="submit" class="btn btn-green" value="Send Message">
    </div>
</form>

搜索\u username.php ajax文件

<?php

require_once('../init.php');
requireLogin();


if (isset($_GET['term'])) {
    $return_arr = array();

    try {

        $conn = new PDO("mysql:host=".DB_SERVER.";port=8889;dbname=".DB_NAME, DB_USER, DB_PASSWORD);
        $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

        $stmt = $conn->prepare('SELECT username FROM users WHERE username LIKE :term');
        $stmt->execute(array('term' => '%'.$_GET['term'].'%'));

        while($row = $stmt->fetch()) {
            $return_arr[] =  $row['username'];
        }

    } catch(PDOException $e) {
        echo 'ERROR: ' . $e->getMessage();
    }

    echo json_encode($return_arr);
}

?>

---

找到了我自己问题的答案，所以我希望它对将来的其他人有用

阅读并下载它，为什么不使用下拉插件并在其中使用格式。