使用ajax实现联想输入框,ajax下来联想词的功能实现

ajax下来联想词的功能实现

前台

.userselcet{

position:absolute;

margin:0px;

width:150px;

height:300px;

overflow:auto;

margin-left:5px;

background-color:#FFF;

border:#CCC 1px solid;

border-radius:5px;

display:none;

z-index:11;

}

JS

function checkUsername(t)

{

var name = t.value;

$.ajax(

{

url:"index/user_ajaxSelectUserName.html",

data:{username:name},

type:"post",

dataType: "json",

success: function(data)

{

var divhtml="";

for(i=0;i

{

divhtml+='

'+data[i].EndLevel+'-'+data[i].MemberName+'

';

}

$(".userselcet").html(divhtml);

$(".userselcet").show(100);

},

error:function(e)

{

console.log("error");

}

});

}

function selectOneName(t){

var thishtml = $(t).attr('data-name');

var thisid= $(t).attr('data-id')

$("#user_name").val(thishtml);

$("#user_id").val(thisid);

$(".userselcet").hide(100);

}

后台

public function user_ajaxSelectUserName(){

if(Request::instance()->isPost()){

$username = Request::instance()->post('username','','htmlspecialchars');

$condition['IsExist'] = 1;

$condition['MemberName'] = array('like','%'.$username.'%');

$users = Db::table('tablename')->where($condition)->order('MemberName asc')->select();

echo json_encode($users);

}

}