Jquery autocomplete y arrays

[yamidvo]

Esta consulta al foro va a ser algo extensa, agradezco de antemano a los que respondan.
Necesito obtener un valor de un array multidimensional de el plugin jquery-autocomplete, el array toma el valor de una consulta realizada a la base de datos desde php:

Código PHP:

  $consulta = "SELECT * FROM usuarios WHERE identificacion LIKE '%$nombre%' OR nombre LIKE '%$nombre%' "; 
  
$result = $conexion->query($consulta); 
  
if($result->num_rows > 0){ 
    while($fila = $result->fetch_array()){ 
        $nombres[] = "'".$fila['identificacion']."' '".$fila['nombre']."'"; 
         
    } 
echo json_encode($nombres);  
   

la consulta se pude realizar mediante el nombre o la identificacion de la persona, y este trae los valores correspondientes. ejemplo, si escribo las letras ma en el input-text el muestra:
|ma | (este es el input-text con id="paciente")
|'121234''maria camila' |
|'664556''maria alejandra'| (estos dos son los resultados de las consultas)
(Guardar)--->Boton para guardar
este es el script que hace funcionar el autocomplete:

Código Javascript:

$( "#paciente" ).autocomplete({
        source: "php/buscarPaciente.php",
    });
     
 
    });
 

tengo una tabla en la base de datos con varios campos entre esos estan identeficacion y usuario, pero como pueden ver el autocomplete me los trae como si fuesen uno solo, lo que quiero hacer es que al momento de seleccion por ejemplo:"maria camila", el divida ese arreglo y tome el valor de la identificacion y de el nombre como valores independientes.
esta es la funcion de java script que utilizo para guardar los datos:

Código Javascript:

start = $.fullCalendar.formatDate(start, "yyyy-MM-dd HH:mm:ss");
        end = $.fullCalendar.formatDate(end, "yyyy-MM-dd HH:mm:ss");
        nombre = $('#paciente').val(); //input que toma el valor del nombre
        descripcion = $('#descripcion').val();
        ini = $('#apptStartTime').val();//input-hidden que toma el valor de la hora inicial
        fin = $('#apptEndTime').val();//input-hidden que toma el valor de la hora final
      $.ajax({
        url: 'php/agregar_eventos.php',
        data: 'nombre='+ nombre+'&description='+ descripcion +'&start='+ ini +'&end='+ fin ,
        type: "POST",
        success: function(json) {
        alert('OK');
        }
        });
 
   }
 

como pueden ver la variable nombre toma el valor del input-text, pero en ella estan los valores de identificacion y nombre, asi que necesito dividirlos, ejemplo:
cuando escribo 'ma' aparecen las dos opcion y selecciono la primera, inmediatamente en el input se llena con la opcion que seleccione supongamos que es la primera ->
|'121234''maria camila' | recuerden que este es el input-text con id="paciente" , pero quiero tomar el nombre y la identificacion de forma independiente para que al momento de guardarlas no esten en la base de datos juntas.
Espero haberme dado a entender, la verdad es que apenas estoy empezando a manejar javascript y se que necesito aprender mucho.
Muchas gracias.

[chiney92]

Hola yamidvo espero haber entendido bien tu pregunta quieres que lo que se guarde en el array se guarde por separado verdad?...

Bueno hay una forma de hacerlo aquí te lo dejo

Código PHP:

$consulta = "SELECT * FROM usuarios WHERE identificacion LIKE '%$nombre%' OR nombre LIKE '%$nombre%' "; 
  
$result = $conexion->query($consulta); 
  
if($result->num_rows > 0){ 
    while($fila = $result->fetch_array()){ 
        $nombres[$fila['identificacion']] = $fila['nombre']; 
         
    } 
echo json_encode($nombres);
 

Ahora te explico un poco el código de arriba, los arrays tienen dos propiedades importantes una que es la clave y otra el valor.

La clave es el id que tiene un array y el valor (aunque suene redundante) es el valor que puede adquirir dicha clave. Ejm:

Código PHP:

$ejemplo[0] = "manzana";
$ejemplo[1] = "pera";
//La clave o id para manzana es 0
//La clave o id para manzana es 1
 
$ejemplo["nombre"] = "Maria";
$ejemplo["edad"] = 18;
//La clave o id para Maria es nombre
//La clave o id para 18 es edad
 

Ahora aclarado el tema del array vamos con el javascript lo modifique un poco:

Código Javascript:

var nombre = document.getElementById('nombres').value; //valor del input que toma el nombre
var id = document.getElementById('nombres').id; //id del input que toma el nombre
var descripcion = document.getElementById('descripcion').value
var ini = document.getElementById('apptStartTime').value;//input-hidden que toma el valor de la hora inicial
var fin = document.getElementById('apptEndTime').value;//input-hidden que toma el valor de la hora final
$.ajax({
        url: 'php/agregar_eventos.php',
        data: 'nombre='+ nombre+'&description='+ descripcion +'&start='+ ini +'&end='+ fin ,
        type: "POST",
        success: function(data) {
        alert('OK');
        }
        });
 

Respecto a este código no puse lo de la fecha porque no entendi de donde sacabas los datos pruebalo y espero que te sirva. Saludos!

[yamidvo]

Hola chiney92, gracias por la respuesta, demore porque no habia podido probar el codigo.
aun no he logrado integrar lo que escribiste con lo que yo tengo, hay una funcion en jquery que es indispensable para que se llenen los inputs, es la siguiente:

Código Javascript:

select: function(event, ui){
      $("#nombre").val(ui.item.label);
     $("#identificacion").val(ui.item.value);
     return false;
   }
 

al momento que se selecciona en el cuadro de autocompletar un nombre esta funcion hace que se llenen los dos inputs con el nombre y la identificacion correspondiente a la persona, pero esto solo funciona cuando declaro este array:

Código Javascript:

var datos = [
   {
      value: "12123",//identificacion
      label:"pedro"//nombre
   },
   {
      value: "1212",
      label:"juan"
   }];
 

cuando extraigo esos datos de la base de datos de esta forma:

Código PHP:

if($result->num_rows > 0){
    while($fila = $result->fetch_assoc()){
        $nombres=  array("label" => $fila['identificacion'], "value" => $fila['nombre']);
        
    }
echo json_encode($nombres);
}
 

esto es lo que me arroja la query en la consola:
{"label":"1212","value":"juan"}
como puedes ver label y value aparecen en comillas, tal vez por eso no funciona.
tu codigo no me funciona porque no veo la forma de utilizar la funcion select con el codigo que propones.

[chiney92]

Hola yamidvo, no te preocupes yo también e tenido algunas complicaciones con el programa que estoy haciendo uff :)

Pero bueno si el código que te propuse no te funciona porque no pones todo tu código completo y el script de tu base de datos para poder tener una mejor visión de lo que quieres hacer y poder ayudarte mejor.

Saludos!

[yamidvo]

Hola chiney92, cree un jsfiddle para explicar mejor lo que quiero, en la ultima parte del codigo javascript se encuentran las funciones que llenan el autocomplete, me toca declarar un array asociativo en javascript ya que jsfiddle no admite script php ni tampoco soporta lectura a mysql, en definitiva quiero que la lectura del array aosiativo en php tenga las mismas caracteristicas que el array asosiativo en javascript. en la parte css dejo unos comentario con enlaces a imagenes para que puedas ver mejor.
de antemano muchas gracias.
link:
http://jsfiddle.net/yamidvo/C3JaS/23/
nota: debes dar click sobre un dia de la semana para que ocurra la magia

[chiney92]

Hola yamidvo bueno estoy viendo tu codigo y funciona todo correcto me dices que el error te sale al llenar el array con la base de datos no?...

No se si tu consulta de php esta funcionando correctamente pero intenta poner las comillas de esta manera

Código PHP:

$consulta = "SELECT * FROM usuarios WHERE identificacion LIKE %'".$nombre."'% OR nombre LIKE %'"$nombre"'%";
 

Bueno si puedes mandame tus archivos en un .rar para ver si te hecho una mano ;)

[yamidvo]

Hola chiney, gracias por responder ya lo pude solucionar. :D

[Jesueto]

Pues los foros están para que digas cómo lo solucionaste no para que digas "ya lo solucioné" y ya. Muchos tenemos el mismo problema. please comenta como lo resolviste, necesito exactamente eso que te estaba pasando a ti.

Por fa. Saludos