输入文本框中的自动完成列表未来

时间:2014-06-05 06:08:38

标签: javascript jquery json jquery-autocomplete

所以我在jquery的auto completion功能上遇到了问题。我的要求是在Json中显示auto completion个数据。 Json数据来自jsp页面中的java类。这段代码工作正常,但是当我输入内容时,文本框中没有任何内容。

这是我的jsp页面

<%@page import="com.practise.autoComplete.AutoComplete"%>
<%@page import="net.sf.json.JSONObject"%>
<%@page import="net.sf.json.JSON"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>

<%@ page import="java.util.*"%>
<%
AutoComplete  autoComplete=new AutoComplete();
JSONObject jsonObject=autoComplete.autoComp();
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<script src="./JS/jquery-1.4.2.min.js"></script>
  <script src="/JS/jquery.autocomplete.js"></script>
<script>
function lookup(inputString) {
    alert("inside lookup");
        if (inputString.length == 0) {
            $('#suggestions').hide();
        } else {
        var object=<%=jsonObject%>
            var data= JSON.stringify(object);
                if (data.length > 0) {
                    $("#inputauto").autocomplete({
                        source: data

                    });
                }

        }
    }
</script>

 <head>


<body>
    <div>
        <form>
            <div>

                <br /> Enter  Name to see autocomplete <input
                    type="text" size="30" value="" id="inputauto"
                    onkeyup="lookup(this.value);" />
            </div>

        </form>
    </div>
</body>

   </html>

这是我的java文件

 package com.practise.autoComplete;

    import net.sf.json.JSONObject;

    public class AutoComplete {

        public JSONObject autoComp() {
            JSONObject jsonObject = new JSONObject();
            jsonObject.put("1", "peter");
            jsonObject.put("2", "nadia");
            jsonObject.put("3", "jack");
            jsonObject.put("4", "areena");
            return jsonObject;
        }

    }

0 个答案:

没有答案