jQuery Autocomplete 自动补全功能终极解决方案

在我们开发的项目中，经常会遇到这种需求 ，给一个输入框，输入关键字来自动模糊匹配给出详细的数据，选择它自动补齐到输入框中。

但是，有的时候，我们不想要输入框中已匹配好选中的字符串，而是要选中数据的其它属性值，这时候怎么办呢？新手快来看看吧，哈哈哈

1、本案例使用jQuery UI 1.8.13 版本

2、HTML页面示例

    

        

            
品牌：
            

                
                
            
        
    

 
 

3、Java后台数据代码示例

    /**
     * 自动补齐搜索需要的数据示例  
     */
    @RequestMapping("/data/listCarBrand.action")
    @ResponseBody
    public JSONArray listCarBrand(HttpServletRequest request) {
        HashMap filter = buildFilter(request);
        JSONArray array = new JSONArray();
     
        //条件查询数据
        List listCarBrand = carBrandService.listCarBrand(filter);
      
        //组装搜索需要的数据
        for(CarBrand carBrand : listCarBrand) {
            JSONObject json = new JSONObject();
            json.put("carBrandId",carBrand.getId());
            json.put("carBrandName",carBrand.getBrandName());
            array.add(json);
        }
        //返回json数组
        return array;
 
    }

4、前端展示自动补全的数据

此时，我们需要的hidden值，已经随选择的数据改变而改变了。希望能帮到新手或者没有遇到过此场景的人。