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!