一个简单的 autocomplete 文本框自动填充 例子

来源:互联网 发布:灿妞儿 知乎 编辑:程序博客网 时间:2024/05/22 00:06

<html><head><link href="jquery.autocomplete.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="jquery-1.8.3.min.js"></script><script type="text/javascript" src="jquery.autocomplete.js"></script><script type="text/javascript">$().ready(function() {$.post("product/product!findProName",function(data){$("#name").focus().autocomplete(data.proNames);},'json');});</script></head><body><input type="text" name="name" id="name" value=""/></body></html>


通过$.post()获得的JSON数据格式为:var product = ["aa","bb","cc"];

效果预览:



jquery-1.8.3.min.js下载
jquery.autocomplete.css下载
jquery.autocomplete.js下载

原创粉丝点击