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:搜索地标

你可能感兴趣的:(jquery,Ajax,PHP,auto)