How to get selected jquery autocomplete option

Question

I know that there is a "select" event, but it does not work.

This is my code:

$("#Asignacion_Movimiento_OrdenCompra").autocomplete( "/Asignaciones/ObtenerOrdenesCompra", { extraParams: { Serial: function () { return $("#Asignacion_Movimiento_Material").val(); } }, delay: 200, select: function (event, ui) { alert(this.value + " - " + ui.item.value); ObtenerDatosAdicionales(); return true; } } ); 

I also tried adding:

 result: function (event, data, formatted) { alert(data); ObtenerDatosAdicionales(); return true; } 

But nothing happens ...

How can I get the value of the selected item by the user?

thanks.

Answer 1

Done!

I added the following to my $ (document) .ready function:

 $('#autocompleteField').result(function (event, data, formatted) { alert(data); }); 

Thanks!

Answer 2

You are looking for a result. See documentation here .

Same:

 $("#Asignacion_Movimiento_OrdenCompra").autocomplete({ /* your options here*/ }).result(function(event, data, formatted) { // result is a separate function alert(data); }); 

Answer 3

I know this thread is a bit outdated, but at http://www.phpfreaks.com/forums/index.php?topic=324203.0 I found a working example for selection:

 select: function(event, ui) { var selectedObj = ui.item; alert(selectedObj.value); } 

Answer 4

Get selected parameter value from jquery autocomplete

 $("#tags").autocomplete({ source: availableTags, select: function(event, ui) { //For better understanding kindly alert the below commented code alert(ui.toSource()); var selectedObj = ui.item; alert(selectedObj.value); } });