输入自动提示完成

<style type="text/css">
#search_auto{border:1px solid #817FB2; position:absolute; display:none;margin-top: 30px;}
#search_auto li{background:#FFF; text-align:left;}
#search_auto li.cls{text-align:right;}
#search_auto li a{display:block; padding:5px 6px; cursor:pointer; color:#666;}
#search_auto li a:hover{background:#D8D8D8; text-decoration:none; color:#000;}
</style>

<input type="text" name="name" class="text input-small search-input name" placeholder="请输入车主姓名">
<div id="search_auto"></div>

//车主自动完成
$('#search_auto').css({'width':$('.name').width()+4});
$('.name').keyup(function(){
$.post("{:U('/Chel/ClConfigure/getName')}",{'value':$(this).val()},function(data){
if(data=='0') $('#search_auto').html('').css('display','none');
else $('#search_auto').html(data).css('display','block');
});
});
});
function fillName(text){
$('.name').val(text);
$('#search_auto').hide();
}

//获取车主姓名
public function getName(){
if(IS_POST){
$name = I('value');
if(!empty($name))
$Member_list = $this->D('Member')->where(array('name'=>array('like','%'.$name.'%')))->select();//车主
$str = '';
if(empty($Member_list)){
exit('0');
}else{
$str = '<ul>';
foreach ($Member_list as $key => $value) {
$value_name = $value['name'];
$str .= '<li><a onclick="fillName('.'text'.');">'.$value['name'].'</a></li>';
}
$str .= '<li><a href="javascript:;" onclick="$(this).parent().parent().parent().fadeOut(100)">关闭</a></li></ul>';
}
$this->ajaxReturn($str);
}
}