0

Como posso fazer nesse codigo abaixo que logo apos realizar o auto complete no campo, e ao escolher o registro ele imediatamente realize o submit do formulario

Exemplo do codigo funcionando abaixo

window.onload=function(){

$(document).ready(function() {
$('input.typeahead-devs').typeahead({
  name: 'accounts',
  local: ['Sunday', 'Monday', 'Tuesday','Wednesday','Thursday','Friday','Saturday']
});
})


}//]]> 
    .typeahead-devs, .tt-hint {
 	border: 2px solid #CCCCCC;
    border-radius: 8px 8px 8px 8px;
    font-size: 24px;
    height: 45px;
    line-height: 30px;
    outline: medium none;
    padding: 8px 12px;
    width: 400px;
}

.tt-dropdown-menu {
  width: 400px;
  margin-top: 5px;
  padding: 8px 12px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 8px 8px 8px 8px;
  font-size: 18px;
  color: #111;
  background-color: #F1F1F1;
}
<link rel="stylesheet" type="text/css" href="http://transfer-online.net/gerenciador/files/includes/auto_compl/css/bootstrap.css">
      <script type="text/javascript" src="http://transfer-online.net/gerenciador/files/includes/auto_compl/js/jquery.js"></script>
      <script type="text/javascript" src="http://transfer-online.net/gerenciador/files/includes/auto_compl/js/bootstrap.js"></script>
      <script type="text/javascript" src="http://transfer-online.net/gerenciador/files/includes/auto_compl/js/typeahead.js"></script>
    


   <input type="text" name="accounts" size="20" class="typeahead-devs" placeholder="Please Enter Day Name">

1 Resposta 1

0

Uma alternativa seria chamar o submit() do form quando o campo perder o foco através do evento onfocusout

<input type="text" name="accounts" onfocusout="form.submit();" size="20" class="typeahead-devs" placeholder="Please Enter Day Name">

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .