基于jQuery UI的联想查询、模糊查询

1、需要引入jquery-ui.min.css、jquery-ui.min.js

2、代码部分

html:

<input id="companyName" placeholder="请输入或选择" name="companyName" type="text">

js:

var list=[];
function initCompanyinfoList(){
    $("#companyName" ).autocomplete({ source: [] });//先触发一次防止再次的时候定位的问题
    $("#companyName").bind("input propertychange",function(){
        var value = $(this).val();
        $.get("url?companyName="+value,function(data){
                    if(data.length>0){
                        list=data;
                    }
                    console.log(list.length);
                    $( "#companyName" ).autocomplete({
                        max : 2,//显示的最大数量，，貌似不起作用- -||
                        source: list,
                        select: function( event, ui ) {
                            queryCompanyinfo(ui.item.value);
                        }
                    });
        });
    }); 
}

//选中一个企业后的回调
function queryCompanyinfo(companyName){
    $.ajax({
        url: url,
        method: 'Post',
        async: false,
        dataType: "json",
        data : {
            companyName : companyName
        },
        success: function (data) {
            console.log(JSON.stringify(data));
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            console.log(textStatus);
        }
    });
}