主页 > 编程资料 > Javascript >
发布时间:2018-08-19 作者:apizl 阅读:116次

比如我们输入某些东西的时候但是,不一定知道全部的内容这个时候就需要联想补全内容。

如下是下拉框联想提示:

jquery.autocomplete实时下拉框联想提示自动补全详解

主要结合$().autocomplete来实现相关功能,一共要引入三个文件jquery.js jquery_ui,js jquery.css。

jquery.autocomplete实时下拉框联想提示自动补全详解


来定义个输入框:


  <input type="text" class="form-control" id="keyword" name="keyword" placeholder=""
                           aria-describedby="basic-addon2">

js代码:


 $(function () {
        $("#keyword").autocomplete({
            source: "接口地址",
            select: function (event, ui) {
                var command = ui.item['value'];
//点击后执行的内容
            }
        });
    });


自动请求的是GET 参数:term

接口返回下发为一串数组JSON,那么就能显示在联想提示中。



文章由爱资料原创本文地址:https://www.apizl.com/archives/view-134315-1.html,转载请以链接形式标明本文地址!
关键字词:联想输入  

相关文章

必填

◎已有0人评论

加载更多