搜索框自动补全

<load href='__TMPL__Common/style/jquery.autocomplete.css' />

<load href='__TMPL__Common/js/jquery.autocomplete.min.js' />

<input type="text"  class="J_autoUserName"   data-rule="required"  name="user_name" />
<input type="hidden"  class="J_autoUserId"  name="user_id" />

<script type="text/javascript">

 $('.J_autoUserName').live('focus',function (event) {  
// alert("ok");
var obj = $(this);
   obj.autocomplete("__MODULE__/Public/autoloaduser", {
width: 260,
selectFirst: false,
autoFill: false,    //自动填充
dataType: "json",
extraParams:{
user_type:function(){return (obj.attr("user_type")==undefined ? 0 : obj.attr("user_type"))}
},
parse: function(data) {

return $.map(data, function(row) {
return {
data: row,
value: row.user_name,
result: function(){
if (row.id > 0)
return row.user_name;
else
return "";
}
}
});
},
formatItem: function(row, i, max) {
return row.user_name + (row.real_name =="" ? "" : " [" + row.real_name + "]");
}
}).result(function(e,item) {
$('.J_autoUserId').val(item.id);
if($('.J_autoUserMoney').length > 0){
$('.J_autoUserMoney').html(item.money_format);
}
return item.id;
});
 });
});
</script>

####################################################################################################

function autoloaduser(){
    $httppost=I('request.');
    $q =$httppost ['q'];
    $user_type = intval($httppost['user_type']);
    $extw = " AND user_type in(0,1) ";
    if($user_type==3){
    $extw = " AND user_type = 3";
    }
    if($q!=""){
    $user_list = M("User")->where("user_name like '".$q."%'" . $extw)->field("id,user_name")->order(" user_name ASC ")->select();
    }
    if($user_list){


    echo json_encode($user_list);
    }
    else{
    echo json_encode(array());
    }
    }