I have following code:
<script type="text/javascript">
$(function() {
$("#search").keyup(function() {
var pesquisa = $(this).val();
if (pesquisa != '') {
document.getElementById('search-results').style.display = 'block';
var dados = {
palavra: pesquisa
}
$.get('../search/search-inst.php', dados, function(retorna) {
$(".search-results").html(retorna);
});
}
if (pesquisa == '') {
document.getElementById('search-results').style.display = 'none';
}
});
});
</script>
<form method="GET" action="../search/search.php">
<input class="ws-search-input" type="text" size="30" maxlength="35" name="search" id="search" value="" placeholder="Pessoas, Empresas, Vagas">
<input class="ws-search-submit" type="submit" value="">
</form>
<ul class="search-results" id="search-results">
</ul>
This is a function that shows the result as the person writes in the input. I need to know how I do when the person clicks on one of the results to send the value of the chosen option to the input?
My PHP is:
while ($res = mysqli_fetch_assoc($query)){
echo '<div class="show-results">';
$photoid = $res['userid'];
$photogender = $res['gender'];
$requestfilename = "../_profile_image/$photoid.jpg";
$photodefaultm = "../_profile_image/default-m.jpg";
$photodefaultf = "../_profile_image/default-f.jpg";
if (file_exists($requestfilename)) {echo "<img src=\"$requestfilename\" width=\"40\" height=\"40\" style=\"border-radius:2px;\">";} elseif($photogender=="Feminino"){echo "<img src=\"$photodefaultf\" width=\"40\" height=\"40\" style=\"border-radius:2px;\">";} elseif($photogender=="Masculino"){echo "<img src=\"$photodefaultm\" width=\"40\" height=\"40\" style=\"border-radius:2px;\">";}
echo '<form>';
echo '<input class="search-profile-submit" type="submit" value="visitar perfil">';
echo '</form>';
echo '<p class="searchinst-name">'.$res['firstname'].' '.$res['lastname'].'</p>';
$searchcity = $res['city'];
$searchstate = $res['state'];
if($searchcity != 'selecione' AND $searchstate != 'selecione') {echo "<p class=\"searchinst-city\">$searchcity / $searchstate</p>";}
echo '</div>';
}