Jquery的autocomplete自动补全怎么做出这种效果?在线等,急!!!

you_is_sb 发布于 2017/02/21 15:08
阅读 182
收藏 0

现在的效果是这样:

js代码 后台传出的数据是json 需要的效果图如图:

 

 

 

 

 

function autoCompanyName(){
            $("#searchCompanyName").autocomplete({
                source: function( request, response ) {
                    $.ajax({
                        url: "${ctx}/preloan/creditReportApply/companyName",
                        dataType: "json",
                        type:"POST",
                        data:{
                            companyName: request.term
                        },
                        success: function( data ) {
                            response( $.map( data, function( item ) {
                                return {
                                    value: item.Cname,
                                    searchRegisterNumber:item.RegisCode,
                                    searchCorporateName:item.Pname,
                                    searchCorporateCerificateCode:item.CertiCode,
                                    searchImpRelPerson:item.PartyName2,
                                    searchImpRelPersonCertificateCode:item.PartyCertificateNumber2
                                }
                            }));
                        }
                    });
                },
                minLength:4,
                select: function( event, ui ) {
                    var registerNumber = ui.item.searchRegisterNumber;
                    var pName = ui.item.searchCorporateName;
                    var number = ui.item.searchCorporateCerificateCode;
                    var pName2 = ui.item.searchImpRelPerson;
                    var number2 = ui.item.searchImpRelPersonCertificateCode;
                    $("#searchCompanyName").val(ui.item.companyName);
                    $("#searchRegisterNumber").val(registerNumber);
                    $("#searchCorporateName").val(pName);
                    $("#searchCorporateCertificateCode").val(number);
                    $("#searchImpRelPerson").val(pName2);
                    $("#searchImpRelPersonCertificateCode").val(number2);
                }
            });
        };

各位帮下忙,谢谢啦!

加载中
0
推荐方案
推荐方案

我好像来晚了,要是你早点看到我的帖子就好了

实现一个智能提示功能需要ajax、数据库、jsp/php、算法等很多知识,
如果数据量大,还需要特殊优化
一个小功能,花费太大精力很不划算
92find.com上的一个js插件实现了搜索框自动补全托管服务,
只要一行javascript代码就可以实现百度、淘宝搜索框提示的全部功能
比如:汉字拼音匹配、拼音前缀匹配、模糊搜索、智能容错,还可以自定义提示词汇及其排序权重
花五分钟我的网站就可以部署同百度、淘宝一样强大好用的输入提示功能
同时兼容IE、Firefox、Safari、Chrome、Opera各种浏览器
兼容ios、Android、Windows

0
推荐方案
推荐方案

这个问题其实就是5分钟的事+一行代码

返回顶部
顶部