cómo configurar id en jquery ui autocompletar evento de origen

Quería usar el widget de autocompletar para permitir que alguien seleccione a un empleado escribiendo el nombre de un empleado en el cuadro de texto, pero quiero que el formulario publique la identificación del empleado, no el nombre del empleado. nombres de los empleados como fuente. la etiqueta y el valor en el .js son los mismos que la fuente que proporcioné, ¿cómo puedo obtener el nombre y la identificación del empleado por separado?

$("#txtEmployeeName").autocomplete({ var suggestions = [] ; //define callback to format results source: function(req, add){ ajax call... on success: function( data ) { suggestions = data.split('|'); add(suggestions); } select: function(e, ui) { //create formatted friend var friend = ui.item.value, span = $("").text(friend) $("#"+ $(this).attr("id")).val(span); } }); 

Debe pasar un objeto json a la propiedad de origen.

Entonces su ui.item es el objeto, con Id, valor, todo lo que desea.

 $(function() { var students = [{id: 1322,label: "student 1"},{id: 2,label: "Student 2"}]; $( "#search-student" ).autocomplete({ source: students, minLength: 2, select: function( event, ui ) { window.location.href="/?studentId=" + ui.item.id; } }); }); 

Mira getJSON de jQuery: http://api.jquery.com/jQuery.getJSON/ para obtener json a través de ajax.