文本框自动补全提示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