Consultar datos

[sagdec]

Que tal tengo una duda, tengo que consultar un dato en la BD y dependiendo de ese dato mostrar un valor en un campo de texto. La idea es algo como un autocompletar en un campo de texto y al autocompletar la palabra que debe de venir de una BD mostrar un valor en un campo de texto.
No se si me explique bien, tengo entendido que usar php y ajax me puede servir, pero no se por donde empezar, si alguien me puede orientar un poco se los agradezco.

saludos

[eduardo90]

Puedes orientarte con el autocomplete de Jquery de las librerias UI

esas te serviran enormemente.

saludos

[sagdec]

gracias por la respuesta y en efecto, ya consulte las librerias y me funciona pero tengo ahora un pequeño detalle, haber si me puedes resolver:
Tengo el siguiente codigo para generar campos dinamicos, 4 campos en especifico y quiero que se autocomplete con el campo de articulo

Código Javascript:

//------------------------------- FUNCION QUE GENERA LOS CAMPOS DINAMICOS PARA LOS ARTICULOS -------------------------//
var contLin = 1, tr, td, tabla; 
function agregar() { 
 
document.getElementById("OcultoContLin").value = contLin; 
tabla = document.getElementById('TablaMed'); 
tr = tabla.insertRow(tabla.rows.length); 
td = tr.insertCell(tr.cells.length); 
// agregar [+ contLin] para asignar un numero a cada identificador del input text
var Art="articulo"+contLin;
var Can="cantidad"+contLin;
var Tot="total"+contLin;
var PUn="precioUnitario"+contLin;
 
 
td.innerHTML = "<input type='text' size='15' name='"+Art+"' id='"+Art+"'  class='articulo' >"; 
td = tr.insertCell(tr.cells.length); 
 
td.innerHTML = "<input type='text' size='15' name='"+Can+"' id='"+Can+"'  >"; 
td = tr.insertCell(tr.cells.length); 
 
td.innerHTML = "<input type='text' size='15' name='"+PUn+"' id='"+PUn+"' >"; 
td = tr.insertCell(tr.cells.length); 
 
td.innerHTML = "<input type='text' size='15' name='"+Tot+"' id='"+Tot+"' class='importe_linea'  onFocus=\"calcular('"+Can+"','"+PUn+"','"+Tot+"');\"  >";
td = tr.insertCell(tr.cells.length); 
 
 
contLin++; 
 
}
 

Entonces con la siguiente funcion en teoria capturo la clase del campo articulo para saber en done autocompletare:

Código Javascript:

$().ready(function() {
    $(".articulo").autocomplete("autocompletar.php", {
        width: 260,
        matchContains: true,
        selectFirst: false
    });
});
 

Aqui mando llamar a un archivo php donde hago la busqueda en la BD de los articulos, no creo necesario poner este codigo pero aqui lo dejo:

Código PHP:

  <?php 
require_once "config.php"; 
$q = strtolower($_GET["q"]); 
if (!$q) return; 
 
$sql = "select DISTINCT art as art from articulos where art LIKE '%$q%'"; 
$rsd = mysql_query($sql); 
while($rs = mysql_fetch_array($rsd)) { 
        $cname = $rs['art']; 
        echo "$cname\n"; 
} 
?>   

probe con otros input "estaticos" y si funciona pero con los dinamicos aunque tenga la clase no los hago funcionar.

Alguna idea del porque no funciona?

saludos

[eduardo90]

No te compliques mucho amigo

Dentro de la variable availebleTags, rellenala con un foreach que venga de la base de datos, y en inpurt con name Tags y id Tags, se autocompleta es mejor usando las librerias jquery UI

Saludos

<script>
$(function() {
var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL",
"ColdFusion",
"Erlang",
"Fortran",
"Groovy",
"Haskell",
"Java",
"JavaScript",
"Lisp",
"Perl",
"PHP",
"Python",
"Ruby",
"Scala",
"Scheme"
];
$( "#tags" ).autocomplete({
source: availableTags
});
});
</script>

[sagdec]

Gracias por la respuesta, pero la lista de los nombres debo sacarla de la BD y otro punto es que no puedo renombrar los input de la manera normal, en el comentario anterior puse como los tengo declarados y no me toma el name o el id, entonces use el class para hacer referencia pero no me funciona.

[eduardo90]

Claro que de la base de datos los vas a sacar, lo que tenes que hacer es una consulta a la base y hacer un foreach

segundo

$( "#tags" ).autocomplete({
source: availableTags

si es class solo coloca

$( ".tags" ).autocomplete({
source: availableTags

un punto que quiere decir class, hace referencia al nombre de la clase. prueba haber si asi te funciona.

saludos

[sagdec]

Gracias por las respuestas pero me confundo un poco, mira ya hago la consulta, y todo, si me autocompleta con input fijos, el problema es con los que yo estoy creando ahi no me hace referencia al que necestio:

Creo los 4 input text:

Código Javascript:

var contLin = 1, tr, td, tabla; 
function agregar() { 
 
document.getElementById("OcultoContLin").value = contLin; 
tabla = document.getElementById('TablaMed'); 
tr = tabla.insertRow(tabla.rows.length); 
td = tr.insertCell(tr.cells.length); 
// agregar [+ contLin] para asignar un numero a cada identificador del input text
var Art="articulo"+contLin;
var Can="cantidad"+contLin;
var Tot="total"+contLin;
var PUn="precioUnitario"+contLin;
 
td.innerHTML = "<input type='text' size='15' name='"+Art+"' id='"+Art+"'  class='articulo'>"; 
td = tr.insertCell(tr.cells.length); 
 
td.innerHTML = "<input type='text' size='15' name='"+Can+"' id='"+Can+"'  >"; 
td = tr.insertCell(tr.cells.length); 
 
td.innerHTML = "<input type='text' size='15' name='"+PUn+"' id='"+PUn+"' >"; 
td = tr.insertCell(tr.cells.length); 
 
td.innerHTML = "<input type='text' size='15' name='"+Tot+"' id='"+Tot+"' class='importe_linea'  onFocus=\"calcular('"+Can+"','"+PUn+"','"+Tot+"');\"  >";
td = tr.insertCell(tr.cells.length); 
 
 
contLin++; 
 
}
 

como se ve en el codigo el primer input es el de articulo, ahi es donde quiero usar el autocpmpletar le hago la referencia de class="articulo".

Ahora con este codigo busco en la BD lo que se este escribiendo en el campo que yo decida en este caso el que tiene la clase articulo (que es donde falla):

Código Javascript:

$().ready(function() {
    $(".articulo").autocomplete("autocompletar.php", {
        width: 260,
        matchContains: true,
        selectFirst: false
    });
});
 

La busqueda en la BD se hace de la siguiente manera:

Código PHP:

  require_once "config.php"; 
$q = strtolower($_GET["q"]); 
if (!$q) return; 
 
$sql = "select DISTINCT art as art from articulos where art LIKE '%$q%'"; 
$rsd = mysql_query($sql); 
while($rs = mysql_fetch_array($rsd)) { 
        $cname = $rs['art']; 
        echo "$cname\n"; 
}  
   

y no funciona, no e probado lo que me has comentado porque no lo entiendo bien :S creo algo le falta a mi codigo para que me tome el campo de articulo.

[eduardo90]

Amigo, esa es la diversión de un programador.

intentarlo hasta que funcione, investiga ya te di las herramientas ahora tu debes seguir.

Saludos

[sagdec]

De hecho si jajaja, pues el codigo si funciona pero no como deberia :S jajaj seguire buscando