使用Jquery自动完成插件实现图像

时间:2012-02-19 13:51:42

标签: jquery jquery-plugins autocomplete

我一直在使用来自bassistance的jQuery AutoComplete插件,我在实现它以模仿facebook的搜索功能时遇到了麻烦。

这是我的自动完成源

String query = (String) request.getParameter("q");
        response.setHeader("Content-Type", "text/html");
        int cnt = 1;
        for (int i = 0; i < a.size(); i++) {
            if (((String) a.get(i)).toUpperCase().startsWith(query.toUpperCase())) {
                out.println("<img style= \"width: 30px\" src=\"/img/ProfileImg/"+c.get(i)+"\"> "+"  *"+a.get(i));

                if (cnt >= 10) {
                    break;
                }
                cnt++;
            }
        }

a是包含姓名<{p}>的ArrayList

c是包含图像文件名的ArrayList

自动完成工作,它会显示图片和名称,但是当我从搜索框中选择一个名称时,我会得到这样的结果:

<img style= "width: 30px" src="/img/ProfileImg/default_001.png"> *Smith, John

当我从搜索框中选择时,是否可以解析字符串以获取名称?

0 个答案:

没有答案