菜单切换
FACESOHO知行者
心灵
记录
远方
赞赏工具
源代码:
点击运行
保存
<!doctype html> <html> <head> <meta charset="utf-8"> <title>jQuery UI Autocomplete - Default functionality</title> <!--[if gte IE 9]><!--> <script src="//cdn.staticfile.org/jquery/2.0.3/jquery.min.js"></script> <!--<![endif]--> <!--[if lt IE 9]> <script src="//cdn.staticfile.org/jquery/1.9.1/jquery.min.js"></script> <script src="//cdn.staticfile.org/html5shiv/r29/html5.min.js"></script> <![endif]--> <script src="https://cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.min.js"></script> <link rel="stylesheet" href="https://cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.min.css"> <script> $(function() { var availableTags = [ "ActionScript", "AppleScript", "Asp", "BASIC", "C", "C++", "Clojure", "COBOL", "ColdFusion", "Erlang", "Fortran", "Groovy", "Haskell", "Java", "JavaScript", "Lisp", "Perl", "PHP", "Python", "Ruby", "Scala", "Scheme" ]; $("#tags").autocomplete({ source:availableTags}); }); </script> </head> <body>jQuery Autocomplete 插件根据用户输入值进行搜索和过滤 让用户快速找到并从预设值列表中选择 <div class="ui-widget"> <label for="tags">Tags:</label> <input id="tags"> </div> </body> </html>
运行结果