autocomplete valor select evento funcion

[aldo_rengo]

hola tengo un autocomplete, que me mostrara resultados,
y quiero que al seleccionar una opcion , se ejecute,un alert, mostrando el valor, del item seleccionado (item que se muestra en la minilista, que aparece por "autocomplete")

este es el javascript , autocomplete...

Código PHP:

  
    
    
    $("#referencia").autocomplete("catalogo/accesoabbdd.php", {
        width: 147,
        matchContains: true,
        selectFirst: false
    });  
   

hay un input, que tiene el id, como referencia,
-------------------------------------------------------------------

hola miren este es el php , que devuelve valores que se ven en el autocomplete
este archivo es "catalogo/accesoabbdd.php"

Código PHP:

  <?php
require_once('../../../modulos/bd/conexion.php');
$q = strtolower($_GET["q"]);
if (!$q) return false;

$sql = "select DISTINCT Referencia from Detalle where Referencia LIKE '%$q%'";
$rsd = mysql_query($sql);
while($rs = mysql_fetch_array($rsd)) {
    $cname = $rs['Referencia'];
//    echo "<div onclick='alert(".$cname.")'>".utf8_encode($cname)."<div>\n";   
     echo utf8_encode($cname)."\n";  
}

?>   

como veran , le quise colocar que por cada valor que se muestra, imprima un div con un alert, pero no funciono, estos valores son unicos , asi que con este valor me sirve, no se como seria si tenia que pasar otro parametro.... pero asi estoy bien. quiero decir que el unico parametro que paso al alert es el que muestro

-----------

en realidad necesito que pueda colocar en cada uno de los item (q aparece en el autocomplete), un parametro oculto, que haga referencia a su id...

[David]

Usa el evento select del autocomplete:
http://api.jqueryui.com/autocomplete/#event-select

[aldo_rengo]

bueno, lo que me falta, es saber, si de la "extraccion" de registros php
para el autocomplete, existe una posibilidad,
de que ademas de un dato, visible, se puede, traer un dato oculto... el ID, de ese dato...

como se hace usualmente cuando a un registro, lo dejo para eliminar, editar, guardo en algun lado su id, y desde ese ID aplico cambios a ese elemento,..

se puede??? vi algo de colocar una funcion, debajo de autocomplete, tiene que ver??

result, es la funcion...

diganme algo, igual buscare,,

[chwc]

mira, una forma simple que utilizo a veces, es mandarlo en un atributo, es decir, imaginate que lo que mandas es esto:

Código HTML:

<div onclick='alert("Elemento")'>Elemento</div>
 

ahora, le agregas un atributo

Código HTML:

<div data-id="33" onclick='alert("Elemento")'>Elemento</div>
 

puedes ver el id simplemente haciando esto:

Código HTML:

<div data-id="33" onclick='alert("ID:"+this.getAttribute("data-id"))'>Elemento</div>
 

funciona. aunque recomiendo pasarlo en blanco

Código Javascript:

function alertarID(elemento){
alert('ID:'+elemento.getAttribute('data-id'));
}
 

Código HTML:

<div data-id="33" onclick='alertarID(this)'>Elemento</div>
 

un saludo

[aldo_rengo]

Iniciado por chwc

mira, una forma simple que utilizo a veces, es mandarlo en un atributo, es decir, imaginate que lo que mandas es esto:

Código HTML:

<div onclick='alert("Elemento")'>Elemento</div>
 

ahora, le agregas un atributo

Código HTML:

<div data-id="33" onclick='alert("Elemento")'>Elemento</div>
 

puedes ver el id simplemente haciando esto:

Código HTML:

<div data-id="33" onclick='alert("ID:"+this.getAttribute("data-id"))'>Elemento</div>
 

funciona. aunque recomiendo pasarlo en blanco

Código Javascript:

function alertarID(elemento){
alert('ID:'+elemento.getAttribute('data-id'));
}
 

Código HTML:

<div data-id="33" onclick='alertarID(this)'>Elemento</div>
 

un saludo

esto ya se..

pero no funciona asi, cuando se usa autocomplete, si coloco en el archivo php. eso de que imprima, div,
en el input, aparece el texto "<div blablaabla>blablala </div>"