jQuery插件之Autocomplete

来源:互联网 发布:安大略理工大学知乎 编辑:程序博客网 时间:2024/05/29 21:17

Autocomplete

代码:
<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title></title>    <script src="../jquery1.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></head><body><label for="txt1">查询</label><input type="text" id="txt1"/><script>    $(function(){        var content = [                "华鑫",                "华鑫科",                "华鑫科技",                "华鑫科技有限",                "华鑫科技有限公司"        ];        $("#txt1").autocomplete({            source:content,        });    });</script></body></html>

当输入的字是“华”字时,会在左上角显示一些可选项;这个一般是在输入框中使用