autocomplete 自动填充

来源:互联网 发布:cod晶体结构数据库 编辑:程序博客网 时间:2024/05/30 22:55




<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>