jQuery.Autocomplete 實現自動完成功能

input id="keyw" class="greeninput" type="text" autofocus="autofocus" value="請輸入房源特徵,地點或小區名..." name="q" autocomplete="off">
 id="search" href="/xiaoqu/">
 //小區列表輸入框
jQuery(function(){
    $("#keyw").blur();
    $('#keyw').focus(function(){
        $(this).removeClass();
        $(this).addClass('greeni');
        var z = $('#keyw').val();
        //alert(z);
        if(z=='請輸入房源特徵,地點或小區名...' || z==''){
            $('#keyw').val('');
        }
    }).blur(function(){ //alert(222);
        var z = $('#keyw').val();
        $(this).removeClass();
        if(z==''){
            $(this).addClass('greeninput');
            $('#keyw').val('請輸入房源特徵,地點或小區名...');
        }else{
            $(this).addClass('greeni');
        }
    });

    $("#keyw").autocomplete("/load.php?from=header_xiaoqu",{width:287,scrollHeight:400,max:15,selectFirst:true}).result(auto);
});


function auto() {
    var A=$("#search").attr("href");
    var B=$.trim($("#keyw").val());
    var str_search_arr=B.match("(.*?)");     var bid=str_search_arr[1];     var str_search=str_search_arr[2];     $("#keyw").val(''); //    alert(A); //    return false;     A+="rs"+str_search+"/";     location.href = A; }
相關文章
相關標籤/搜索