JQuery Autocomplete

来源:互联网 发布:66影视软件下载 编辑:程序博客网 时间:2024/05/16 16:13

JQuery Autocomplete插件

JQuery的Autocomplete插件主要根据输入的内容来查找和查询想要是内容,让用户快速的找到自己想要是内容。

展示:

先要导入插件:

<script src="//code.jquery.com/jquery-1.10.2.js"></script><link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"><script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

这样才能使用Autocomplete插件,来获取内容

<script>    $(function(){       var content = [          "华",           "华点",           "华点信息",           "欢迎来到华点",           "华点信息科技园"       ];        $("#text1").autocomplete({            source:content        });    });</script>


这里通过设置autocomplete方法来获取上面的content里面的内容,在搜索时输入内容,就可以有提示信息出现。

在这里显示的结果是: