jquery autocomplete.js的插件使用

谷梁智
2023-12-01

autocomplete.js,这个插件是bassistance.de,这个插件可以控制条数,输入多少字触发事件等,是否匹配,比jquery ui的好用

  var url = "/factoryNameList.html";  
        $("#factoryName").autocomplete(  
            url,  
            {  
            scroll: false,  
                matchContains: true,  
                width: 188,  
                minChars: 1,  
                dataType: "json",  
                mustMatch:false,  
                parse: function(data) {  
               var json= data.data
                    return $.map(json, function(row) { 
                     
                        return {  
                            data: row,  
                            value: row.fullName,  
                            result: row.fullName  
                        };  
                    });//给后台交互的数据进行处理  
                },  
                formatItem: function(item) { 
                    return item.fullName;  
                }  
            }  
          ).result(function(event,item) { 
           $("#factoryId").val(item.factoryId);
          }); 

这里$.map(json, function(row) 是遍历后端data的值,data是后台传回来的参数

如果想传另一个值回去,就在<input type="hiiden" name="factoryId" id="factoryId">,设一个隐藏的input

注意这里也有个result(function(event,item)  这个是结果的值

返回隐藏的结果用在这里   $("#factoryId").val(item.factoryId);


 类似资料: