jQuery-UI Autocompletar enviando formulario al hacer clic en el elemento de la lista desplegable
Estoy usando jQueryUIautocomplete()
y no puedo entender cómo enviar mi formulario cuando se selecciona un elemento.
Creo que el problema es con elselect: event
pero soy nuevo con jQueryUI y no puedo entender cómo hacer que esto funcione.
Aquí está mi código que funciona bien de lo contrario:
<script type="text/javascript">
$(document).ready(function() {
$(function() {
$( "#search_box" ).autocomplete({
source: function(request, response) {
$.ajax({ url: "<?php echo site_url('autocomplete/suggestions'); ?>",
data: { term: $("#search_box").val()},
dataType: "json",
type: "POST",
success: function(data){
response(data);
},
select: function (event, ui) {
$(event.target).val(ui.item);
$('#search_form').submit();
return false;
}
});
},
minLength: 1
});
});
});
</script>
Cualquier ayuda sería muy apreciada!