文本框自动补全提示jquery.autocomplete
- 2016-05-27 21:35:00
- 1147533288 原创
- 1346
注意要用网上修改过的/jquery.autocomplete.js
百度云地址:
http://pan.baidu.com/s/1pLL6QKj
关键代码如下:
<!--
<link href="__ROOT__/Public/Javascript/autocomplete/jquery.autocomplete.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="__ROOT__/Public/Javascript/autocomplete/jquery.autocomplete.js"></script>
<input required type="text" id="goods_id_name" name="goods_id_name" class="input input3"/>
$(document).ready(function(){
<foreach name='goodsinfo_f' item='v'>
var obj = {
label:"{$v.goods_title}",
value:"{$v.goods_id}",
code:"{$v.goods_code}"
};
goods_.push(obj);
</foreach>
$("#goods_id_name").autocomplete(goods_,{
minChars: 0,
max: 15,
width:160,
autoFill: true,
mustMatch: false,
formatItem: function(row, i, max,term) {
return row.label + " (" + row.code + ")";
},
formatMatch: function(data, i, total) {
return data.label;
},
formatResult: function(data) {
//console.log(data);
$('#goods_id').val(data.value);
$('#goods_code').val(data.code);
return data.label;
},
// reasultSearch:function(row,v)//本场数据自定义查询语法 注意这是我自己新加的事件
// {
// //自定义在code或spell中匹配
// if(row.data.code.indexOf(v) == 0)
// {
// return row;
// }
// else
// return false;
// }
});
-->
| 联系人: | meepo |
|---|---|
| 电话: | ***** |
| Email: | 1147533288@qq.com |
| QQ: | 1147533288 |