terça-feira, 23 de outubro de 2012

jQuery Autocomplete: submeter formulário ao selecionar opção

Usando o plugin de auto completar do jQuery, você talvez deseje aplicar uma técnica de usabilidade interessante. Ao clicar em uma das opções sugeridas pelo plugin, o formulário vai ser submetido automaticamente com o termo selecionado.

Segue o código:

$i(".search-field").autocomplete({
     source : listaQualquer,
     select: function (event, ui) {
         $i('.search-field').val($i(event.target).val(ui.item.value).val());
         $i('.search-button').click();
     }

});

O truque é bem simplório, basta pegar o valor selecionado, setar no campo da busca e ativar o evento click() do botão.

quinta-feira, 18 de outubro de 2012