input预提示数据库数据

 

JS方法
//下拉预显列表方法
 /*
  * auto  下拉显示ID
  * search 输入框ID
  * map   传入OBJ对象
  * url   传入接口地址
  * */
var highlightindex2 =-1;   //高亮
var keyNum=null;
var map2=null;
var MapUrl=null;
var MapautDiv = null;
var MapsearchInput = null;

function AutoCompleteMapAll(auto,search,map,url) {
    MapautDiv = auto;
    MapsearchInput = search;
    map2=map;
    MapUrl=url;
    if ($("#" + search).val() != "") {
        var autoNode = $("#" + auto); //缓存对象（弹出框）
        var carlist = new Array();
        var n = 0;
        var mylist = [];
        var maxTipsCounts = 8 // 最大显示条数
        var highlightindex = -1;   //高亮
        var aj = $.ajax({
            url: url , // 跳转到后台
            contentType: 'application/json',
            data: JSON.stringify(map),
            type: 'post',
            cache: false,
            dataType: 'json',
            success: function(data) {

                mylist = data;
                if (mylist == null) {
                    autoNode.hide();
                    return;
                }
                autoNode.empty(); //清空上次的记录

                var keyName=null;
                for(key in mylist[0])
                {
                    keyName=key;
                }
                for (i in mylist) {
                    if (i < maxTipsCounts) {
                        var wordNode = mylist[i][keyName]; //弹出框里的每一条内容

                        var newDivNode = $("<div>").attr("id", i); //设置每个节点的id值

                        // document.querySelector("#auto_div").style.width = $("#search_text").outerWidth(true)+10&#