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;
}
posted @ 2014-04-28 10:45  张三_zhangsan  阅读(210)  评论(0编辑  收藏  举报