tablas con datos desde un select

[charly_lpg]

Hola a todos

estoy hacuiendo una tabla que tome datos de un select. tengo los siguientes codigos pero no me muestra ningun resultado


codigo de la funcion

<script>
function InsertData(str)
{
if (str=="")
{
document.getElementById("txtHint").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("txtHint").innerHTML=xmlht tp.responseText;
}
}
}
</script>
-------------------------------------------------------------------------------------------------

Codigo PHP


<?php
echo"<table width='990'>
<tr>
<th colspan='7'>TARJETAS DE CREDITO (En Desarrollo)</th>
</tr>
<tr>
<td width='150' class= 'subtit'>Cia Aerea</td>
<td width='150' class= 'subtit'>Tarjeta</td>
<td width='150' class= 'subtit'>Nro Comercio</td>
<td width='150' class= 'subtit' >Telefono</td>
<td width='130' class= 'subtit'>Tabla de Coeficientes</td>
<td width='130' class='subtit'>Calculador de Cuotas</td>
<td width='130' class='subtit'>Promociones sin Interes</td>
</tr>
<tr>
<td rowspan ='5'>
<select name='seltc' onchange='InsertData(this.value'>
<option value='0'>Selecione CIA</option>
<option value='JJ'>TAM - JJ</option>
<option value='PZ'>TAM MERCOSUR - PZ</option>
</select>
</td>
</tr>";
$q = intval($_GET['q']);
$sql = "SELECT DISTINCT nombre,comercio,telefono FROM coeficientes WHERE cia='".$q."' GROUP BY nombre ORDER BY nombre asc";
$res = mysqli_query($conn, $sql);
$row= mysqli_num_rows($res);
$ctr=$row;
while ($fila = mysqli_fetch_assoc($res)) {
echo"<tr>
<td id='txtHint'>".$fila['nombre']."</td>
<td id='txtHint'>".$fila['comercio']."</td>
<td id='txtHint'>".$fila['telefono']."</td>";


Desde ya muchas gracias por su colaboracion

Saludos y buen año para todos

[Alexis88]

Hay varios errores. No cierras el paréntesis cuando invocas a la función en el select:

Código HTML:

<select name='seltc' onchange='InsertData(this.value'>
 

Debe ser así:

Código HTML:

<select name='seltc' onchange='InsertData(this.value)'>
 

Nunca envías un valor ni indicas una ruta en la función Ajax. No puedes esperar que funciones si no le proporcionas datos para realizar la petición asíncrona.

Código Javascript:

function InsertData(str){
    if (window.XMLHttpRequest)
        xmlhttp = new XMLHttpRequest();
    else
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
 
    //Acá indicas el archivo que recibirá el dato y el método de envío
    xmlhttp.open("GET", "ejemplo.php", true);
 
    xmlhttp.onreadystatechange = function(){
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
            document.getElementById("txtHint").innerHTML = xmlht tp.responseText;
    }
 
    //Acá envías el dato
    var dato = "dato=" + str;
    xmlhttp.send(dato);
}
 

En el archivo ejemplo.php, recibes el dato de esta manera:

Código PHP:

$_GET["dato"]
 

Lo procesas y generas una respuesta que será devuelta de manera asíncrona al primer archivo. Esto creo que está de más, por eso lo saqué:

Código Javascript:

if (str == ""){
    document.getElementById("txtHint").innerHTML="";
    return;
}
 

Recuerda que, en este ejemplo, el archivo ejemplo.php es en donde se procesará el dato enviado, por lo que debes poner el nombre del archivo que usas para realizar el procesamiento del dato. Implementa estos cambios y nos cuentas cómo te fue, saludos.

[charly_lpg]

Hola Alexis 88

Te pido disculpas por la omision pero ambos codigos estan en un solo marchivo.
Se puede hacer asi o es necesario hacerlo en varios archivos?

Si no te molesta te puedo pasar por mensaje privado el codigo completo para que lo veas?

Desde ya muchas gracias y disculpa las molestias.

Saludos
MArcelo

[Alexis88]

Ajax permite realizar peticiones asíncronas al servidor, con lo cual no recarga la página. Sabiendo esto, puedes tener en un archivo A, el dato que deseas enviar y lo procesas en un archivo B, el cual emitirá una respuesta que cargará en una región del archivo A gracias a Ajax.

Aprovecha esa ventaja que tienes con Ajax para trabajar de ese modo.