jQuery.Autocomplete 实现自动完成功能

最新推荐文章于 2024-11-02 12:42:04 发布

weixin_30693683

最新推荐文章于 2024-11-02 12:42:04 发布

阅读量89

点赞数

文章标签： javascript php ViewUI

原文链接：http://www.cnblogs.com/zhangyanchong/p/5134028.html

版权

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;
}

转载于:https://www.cnblogs.com/zhangyanchong/p/5134028.html