java输入联想，支持汉字自动匹配

来源：互联网发布：农村淘宝编辑：程序博客网时间：2024/04/28 16:55

简单的输入联想功能，使用jquery的autocomplete插件。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><link rel="stylesheet" href="jquery.autocomplete.css" type="text/css" /><script type="text/javascript" src="jquery.js"></script><script type="text/javascript" src="jquery.autocomplete.js"></script><script type="text/javascript">  var datas = [      "Google","NetEase", "Sohu", "Sina", "Sogou", "我爱北京", "我爱你","Tencent",       "Taobao", "Tom", "Yahoo", "JavaEye", "Csdn", "Alipay" ,"abc" ];  $().ready(function() {      $("#datas").autocomplete(datas,{             max: 12,    //列表里的条目数   width: 400,     //提示的宽度，溢出隐藏   scrollHeight: 120,   //提示的高度，溢出显示滚动条   matchContains: false,    //包含匹配，就是data参数里的数据，是否只要包含文本框里的数据就显示   autoFill: false    //是否自动填充    });   });  </script> </head><body><p>  <label>自动提示:</label>  <input type="text" id="datas" />  </p>  </body></html>

jQuery 从 1.9 版开始，移除了 $.browser 和 $.browser.version ，取而代之的是 $.support 。在autocomplete.js中，最上面增加 $.browser = navigator.userAgent; 即可.

0 0