仿google_百度输入框提示

暗夜的忧伤

利用jquery中的jquery.ui.autocomplete.js插件实现input框仿google_百度输入框提示，效果如下：
如果数据源是数组（Array）的话，可以有两种指定方式，如：

• An array of strings: [ "Choice1", "Choice2" ]
• An array of objects with label and value properties:[ { label: "Choice1", value: "value1" }, ... ]
  

     其中label为显示在提示框中的值，value为选择后插入到input控件中的值。
数据源为交互函数时，参数也可以这样写(可能会更好一点)：
                           parameters : {
                                                        // keyword : document.getElementById("input2").value
                                                        keyword : request.term
                                                },
自动匹配.rar (33.56 KB, 下载次数: 1925)

2014-8-4 14:57 上传

点击文件名下载附件
下载后按目录放置就可以了



ps：使用的是html的input的组件，使用input的组件木有实现，童靴们看看，有能实现的发上来
参考：http://blog.csdn.net/zzy7075/article/details/8821262

忘了忘了

顶！！！

mary_dcc

那个引用的jquery下面的东西不能单独放在公共的位置调用

暗夜的忧伤

mary_dcc 发表于 2014-8-5 11:03
那个引用的jquery下面的东西不能单独放在公共的位置调用

位置可以随便放啊，引用的顺序要正确，jquery.ui.autocomplete.js这个不能放前面

daniel007

额,今天上论坛逛逛就看到分享贴,难得哇

ecoolper

好东西

miandan

请教，用 交互函数时，要返回2个字段，实现数组[ { label: "Choice1", value: "value1" }, ... ] 效果怎么弄？

暗夜的忧伤

miandan 发表于 2014-9-2 17:22
请教，用 交互函数时，要返回2个字段，实现数组[ { label: "Choice1", value: "value1" }, ... ] 效果怎么 ...

返回值list是map集就行了
例如：java层
while (it.hasNext()) {
                        Row row = it.next();
                        String reslut = row.getString(0);
                        HashMap rmap = new HashMap();
                        rmap.put("value","1");
                        rmap.put("label", reslut);
                        list.add(rmap);
                }
js层：response($.map(data.response, function(item) {
                                                                        return item;
                                                                }

miandan

非常完美，感谢！

nuaayub

收藏