Dear Haraprasad,
Jquery:
$("selector").on("keyup", function(event){
var query = $(this).val();
if(query.length > 3){
$.post( "autocomplete.php", { mode: "user", data: query}, function( data ) {
searchDataStudent = data;
//First search
if(drewStudent == false){
//Create list for results
$("# selector ").after('');
//Prevent redrawing/binding of list
drewStudent = true;
//Bind click event to list elements in results
$("#selectorSearchResult").on("click", "li", function(){
$("#selector").val($(this).text());
$("#selectorSearchResult").empty();
});
}else{//Clear old results
$("#selectorSearchResult").empty();
}
for(term in searchDataStudent){
$("#selectorSearchResult").append("" + searchDataStudent[term] + "");
}
},"json");
}else if(drewStudent){//Handle backspace/delete so results don't remain with less than 3 characters
$("#selectorSearchResult").empty();
}
});
PHP code:
get_records_sql($user_details_q);
if($user_details_rs){
foreach($user_details_rs as $user_details){
$id = $user_details->id;
$first_name = $user_details->firstname;
$last_name = $user_details->lastname;
$data['username'] = $first_name.' '.$last_name;
}
echo json_encode($data);
}
}
break;
}
}
}
Thanks and regards,
Pratim Sarangi
Moodle of India.