Oi Pessoal. fiz uma Auto Busca que carrega registros conforme se digita no campo busca, quando se clica sobre a linha, ela joga o resultado para cima no campo de busca, até aqui funciona bem.
Porém, se eu clico fora dos campos listados, no copo da tela, a lista não fecha, ela permanece aberta na tela, como eu faço para quando eu clicar fora da lista, as opções listadas no <LI> desaparecerem?
Quero que ao clicar fora, a palavra digitada permaneça no campo busca, porém desapareça a lista que foi aberta no <li> pela function.
<script type="text/javascript">
$(function(){
$("#busca").keyup(function(){
var pesquisa = $(this).val();
$.post('busca.asp',{resultado_busca:pesquisa},function(r){
$('.autocomplete').html(r);
});
});
$('.autocomplete').delegate('li','click',function(){
var texto = $(this).text();
$('#busca').val(texto);
$('.autocomplete').html('');
});
});
</script>
<input type="search" name="busca" id="busca" value="O que você procura?" onBlur="if (this.value == ''){this.value = 'O que você procura?'; }" onFocus="if (this.value == 'O que você procura?') {this.value = ''; }" maxlength="100" class="input_caixa" autocomplete="off">
<ul class="autocomplete">
</ul>
Obrigado!
