position:absolute;
}

function callback(){
    if(XmlHttp.readyState == 4 && XmlHttp.status == 200){//200表示服务器正常响应了客户端的请求  4表示响应完成客户端可以正常调用数值
         var XmlText = XmlHttp.responseText;//获得servlet中的数值
         var json = eval("(" + XmlText + ")");//转化成JavaScript能识别的json
         createTable(json);//编学方法   创建表单
    }
}

function createTable(json){
    deleteTable();//删除方法
    add();//为表单添加样式的方法
    var name;//记录表单中单元格的初始样式  className
    var len = json.length;//获得json数值的长度  方便知道创建几行单元格
    if(len==0){
        deleteTable();//当数值长度为0时  隐藏表单中的样式
    }
    var text = document.getElementById("text");//获得输入框节点
    var Width = text.offsetWidth;//获得 输入框的宽度
    var div = document.getElementById("popdiv");//获得popdiv节点
    var tab = document.createElement("table");//创建一个table节点
    for(var x=0;x0;x--){//循环遍历删除子节点  因为是树装关系 所以需要从后删除
    div.removeChild(div.childNodes[x]);
    }
    //隐藏DIV的边框样式
    document.getElementById("popdiv").style.border = "none";
}

function createXmlHttp(){//创建判断ajax各个计算机的方法
    var xml;
    if(window.XMLHttpRequest){
        xml = new XMLHttpRequest();
    }
    if(window.ActiveXObject){
        xml = new ActiveXObject("Microsort.XMLHTTP");
        if(!xml){
            xml = new ActiveXObject("Msxml2.XMLHTTP");
        }
    }
    return xml;
}
function add(){//设置DIV的样式
    var div = document.getElementById("popdiv");
    var text = document.getElementById("text");
    var Width = text.offsetWidth;//获得输入框的宽度
    var left = text["offsetLeft"];//获得输入框离左边的距离
    var top = text["offsetTop"] + text.offsetHeight;//获得输入框离上边的距离
    div.style.border = "#999 solid 1px";//样式设置
    div.style.marginLeft = left-10 + "px";
    div.style.top = top + "px";
    div.style.width = Width + "px";

}

import javax.el.ArrayELResolver;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import net.sf.json.JSONArray;

public class Servlet extends HttpServlet {
static ArrayList list = new ArrayList();
static{
list.add("ajax1");
list.add("lisi");
list.add("wangma");
list.add("wuregou");
list.add("zheishi");
list.add("ajax2");
list.add("ajax3");
list.add("wangccai");
list.add("haiyou");
list.add("nishi");
list.add("ddzz");
}
@Override
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doPost(request,response);
}

@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
            request.setCharacterEncoding("UTF-8");
            response.setCharacterEncoding("UTF-8");
            String str = request.getParameter("Mytext");
            ArrayList al= getList(str);
            JSONArray jso  = JSONArray.fromObject(al);
            response.getWriter().write(jso.toString()); 
}

public ArrayList getList(String str){
    ArrayList li = new ArrayList();
    for (String st : list) {
            if(st.contains(str)){//判断st字符串中是否包含 str字符串
                li.add(st);
        }
    }
    return li;
}

}