autocomplete 自动填充

最新推荐文章于 2023-09-19 17:08:10 发布

q_182480171

最新推荐文章于 2023-09-19 17:08:10 发布

阅读量298

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/aa_moon/article/details/53435703

本文介绍了一个使用 jQuery 和 EasyUI 插件实现的自动完成搜索框功能。通过将多个 jQuery 插件组合在一起，可以创建出一个具备滚动条、高亮显示、多选功能的自动完成输入框组件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
<title>AutoComplate</title>
<script src="./jquery-1.7.1.js" type="text/javascript"></script>
<script type="text/javascript" src="./jquery.easyui.min.js"></script>
      <script type="text/javascript" src="./jquery.autocomplete.min.js"></script>
      <link rel="Stylesheet" href="./jquery.autocomplete.css" />
      <script type="text/javascript">
$(document).ready(function(){
             var data1 = "Core Selectors Attributes Traversing Manipulation CSS Events Effects Ajax Utilities".split(" ");

            $("#keyword").autocomplete(data1, {
            width: 320,
            scroll: true,
            highlight: false,
            multiple: true,
            scrollHeight: 300
            });

         });
     </script>
</head>
<body>
     <form id="form1" >
     <div>
         <input id="keyword" />
         <input id="getValue" value="GetValue" type="button" />

     </div>
     </form>
</body>
</html>