jquery autocomplate 仿谷歌百度 自动匹配下拉 ajax

<input class="txt" type="text" id="searchtxt" name="searchtxt" value="" placeholder="交给我们!" />

function split( val ) {
        return val.split( /,\s*/ );
    }
    function extractLast( term ) {
        return split( term ).pop();
    }

    
 //begin:搜索地标
    function split( val ) {
        return val.split( /,\s*/ );
    }
    function extractLast( term ) {
        return split( term ).pop();
    }
    $( "#searchtxt" ).bind( "keydown", function( event ) {
        if ( event.keyCode === $.ui.keyCode.TAB && $( this ).data( "autocomplete" ).menu.active ) {
            event.preventDefault();
        }
    }).autocomplete({
        source: function( request, response ) {
                var q = encodeURI($( "#searchtxt" ).val());  
                var _url = "http://www.baidu.com/ajax.php?flag=1&q=" + q;
                $.getJSON( _url, {
                    term: extractLast( request.term )
                }, response );
        },
        search: function() {
            var term = extractLast( this.value );
            if ( term.length < 1 ) {
                return false;
            }
        },
        focus: function() {
            return false;
        },
        select: function( event, ui ) {
            var terms = split( this.value );
            terms.pop();
            terms.push( ui.item.value );
            terms.push( "" );
            this.value = terms.join( "" );  
            if(ui.item.id!=0){
                var name = ui.item.label;
                $("#searchtxt").val(name.replace(/<\/?[^>]*>/g,''));
            }
            return false;
        },
        response: function( event, ui ) {
        }   
    }).data( "autocomplete" )._renderItem = function( ul, item ) {
        return $( "<li>" )
        .data( "item.autocomplete", item )
        .append( "<a>" + item.label + "</a>" )
        .appendTo( ul );
    };
    //end:搜索地标

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值