自动搜索

自动搜索中用的插件是jqury中ui插件：

先引入：jquery-ui-1.9.0.custom.min.css和jquery-ui-1.9.0.custom.min.js

然后js中的代码调用是：

var list = [];
    var $seachText = $('#search-node-input');
    $seachText.bind("keydown",function (event) {
        if (event.keyCode === $.ui.keyCode.TAB && $(this).data("autocomplete").menu.active) {
        }
    }).bind("focus", function(event){
        if (event.keyCode === $.ui.keyCode.TAB && $(this).data("autocomplete").menu.active) {
        }
    }).autocomplete({
        minLength:1,
        source:function (request, response) {
            $.get("{:U('admin/Content/getAddLocation')}", {name: request.term}, function(data){
                if (data.code >= 0) {
                    list = data.data;
                    if (list.length) {
                        if (type_value != '1') {
                            $('.location_name_tip').html('');
                        }

                        response($.map(list, function (item) {
                            var val = item.location_name ? item.location_name : item.location_bame;
                            return {
                                label:'['+item.area_name+']'+val,
                                value:val,
                                id:item.location_id,
                                hot_num:item.location_hot,
                                recommend_num:1,
                                hit_num:item.location_hot,
                                show_num:item.location_hot,
                                imgInfo:item.attach_arr_id,
                                attach_id:item.attach_id,
                                to_url:item.detail_url
                            }
                        }));
                    } else {
                        fillValue();
                        response(['搜索不到相关信息']);

                        if (type_value != '1') {
                            $('.location_name_tip').html('搜索不到相关信息');
                            $('.location_name_tip').css({color:'#f00'});
                        }
                    }
                }
                return false;
            }, 'json');
        },
        select:function (event, ui) {
            $('#fid').val(ui.item.id);
            fillValue(ui.item);
        }
    }).css({'position':'relative','z-index':99999});

function fillValue(obj) {
        var prefix_div;
        if (undefined != obj && obj) {
            if (type_value == 1) {
                prefix_div = 'activity_';
            } else {
                prefix_div = 'location_';
                $('.div_location input[name='+prefix_div+'hot_num]').val(obj.hot_num);
                $('.div_location input[name='+prefix_div+'recommend_num]').val(obj.recommend_num);
                $('.div_location input[name='+prefix_div+'hit_num]').val(obj.hit_num);
                $('.div_location input[name='+prefix_div+'show_num]').val(obj.show_num);

                var imgStr = '';

                for (var imgK in obj.imgInfo) {
                    imgStr += "<li style='float:left;' onclick='selectImg("+imgK+")'>";
                    imgStr += "<img src='"+obj.imgInfo[imgK].img+"' width='183px' height='130px' />";
                    imgStr += "<input type='radio' />"+obj.imgInfo[imgK].img_width+"x"+obj.imgInfo[imgK].img_height;
                    imgStr += "<input type='hidden' value='"+obj.imgInfo[imgK].a_img+"' />";
                    imgStr += "</li>";
                }

                if (imgStr) {
                    $('.location_imgShow_ul').html(imgStr);
                }

                $('.div_location input[name='+prefix_div+'to_url]').val(obj.to_url);
            }
        } else {
            $('#fid').val('');
            if (type_value == 1) {
                prefix_div = 'activity_';
            } else {
                prefix_div = 'location_';
                $('.div_location input[name='+prefix_div+'hot_num]').val('');
                $('.div_location input[name='+prefix_div+'recommend_num]').val('');
                $('.div_location input[name='+prefix_div+'hit_num]').val('');
                $('.div_location input[name='+prefix_div+'show_num]').val('');
                $('.location_imgShow_ul').html('');
                $('.div_location input[name='+prefix_div+'to_url]').val('');
            }
        }
    }