QUI HO LA FORM
<form action="/il mio controller" method="get">
<div class="span5">
<div class="ui-widget">
<input type="text" placeholder="Cerca per nome/ email" class="span5 search" name="searchname" />
</div>
</div>
<div class="span2">
<button class="btn btn-primary button_search" type="button" name="search_button">Cerca</button>
</div>
</form>
QUI CREO UN CICLO PER VISUALIZZARE TUTTI I RECORD PRESENTI NELLA TABELLA
<table class="table table-bordered" id="tabella_rows">
<thead>
<tr>
<th>Nome</th>
<th class="span2">Email</th>
<th>Registrazione</th>
<th class="span1">Elimina</th>
</tr>
</thead>
<tbody>
<?php
foreach($userlist as $lista_utenti){
print('<tr class="tr_delete"><td class="tb-attivo"><a href="#add2" data-toggle="modal" class="nome" id="'.$lista_utenti['id'].'" data-id="'.$lista_utenti['name'].'" data="'.$lista_utenti['surname'].'" email="'.$lista_utenti['email'].'">'.$lista_utenti['name'].' ');
print($lista_utenti['surname'].'</a></td>');
print('<td class="tb-attivo">'.$lista_utenti['email'].'</td>');
print('<td class="tb-attivo">'.$lista_utenti['created_at'].'</td>');
print('<td class="tb-attivo"><a href="#" class="deleteuser" row_id="'.$lista_utenti['id'].'"><span class="awe-remove"></span></td></a>');
echo'</tr>';
}
?>
</tbody>
</table>
QUESTO è IL CODICE CHE ESEGUE L'AUTOCOMPLETE
$(".search").autocomplete({
source: function(request, response){
$.ajax({
url:"userlistsearch.html",
dataType:"json",
data:{searchname: request.term},
success: function(data){
response($.map(data, function(item){
return{
label: item.name +" , "+(item.email),
value: item.name
}
}));
}
});
}
});
QUESTO E' IL CODICE CHE DOVREBBE FAR VISUALIZZARE IL RISULTATO DELLA RICERCA AL CLICK DEL BUTTON SEARCH EVIDENZIANDOLO
$(".button_search").click(function(){
$(".search_text").removeClass(".search_text");
var valore=$(".search").val();
var id=$(".tr_delete:contains('"+valore+"')").first().addClass("search_text");
});
Grazie per la tua cortese disponibilità!