No recibo nada al enviar el valor de un campo select generado con AJAX

[mgomezbuceta]

Tengo un formulario PHP que tienen dos selects. El segundo depende de lo que se se cargue en el primero, y este segundo select lo cargo con AJAX.

Hasta aquí todo perfecto, pero el problema está en que, cuando envío el formulario por el método POST me llegan todas la variables excepto el valor select generado con AJAX.

Alguien puede echarme una mano?.

Muchas gracias.

[GatorV]

Hola mgomezbuceta,

¿Como es que generas el segundo select? Si nos muestras un poco de codigo es más fácil que te podamos ayudar.

Saludos.

[mgomezbuceta]

soporte_hardware.php (omito el lenguaje html):

<form name="formulario_rma" action="index.php?carga=rma_registrado" method="post" onSubmit="return validar()"/>
<input type="hidden" name="id_cliente" value="<?php echo($id_cliente); ?>">

<select name="tipo" onChange="generar_select(document.formulario_rma.t ipo.options[document.formulario_rma.tipo.selectedIndex].value)">
<option value="999" selected="selected">Seleccione el producto</option>
<?php
require("conexion.php");
$sql_tipo='SELECT * FROM tipo_rma order by id_tipo';
$consulta_tipo = mysql_query($sql_tipo,$conexion) or die(mysql_error());

while ($tipo=mysql_fetch_assoc($consulta_tipo))
{
echo '<option value="'.$tipo['id_tipo'].'">'.$tipo['nombre_tipo'].'</option>';
}
?>
</select>
<div id="select2">
<select size="1" name="modelo" tabindex="8">
<option value="0" selected="selected">Seleccione el tipo</option>
</select>
</div>
</form>


cargar_rma.js

function generar_select(id_tipo)
{
var contenedor;

ajax=nuevoAjax();
contenedor=document.getElementById('select2');

if (id_tipo==999)
{
nuevo_select="<select name='modelo'><option value='0'>Elegir tipo</option></select>";
}else
{
ajax.open("GET", "respuesta_rma.php?id_tipo="+id_tipo, true);
}
//escribimos en la capa con id="seleccombinado"
ajax.onreadystatechange=function(){if (ajax.readyState==4) {contenedor.innerHTML = ajax.responseText;}}
ajax.send(null)
}


respuesta_rma.php

<?php
$id_tipo = $_GET["id_tipo"];
function select_combinado($id_tipo){

require("conexion.php");

$sql_rma='SELECT id_modelo, nombre_modelo FROM modelo_rma WHERE id_tipo_enlace='.$id_tipo;
$consulta_rma = mysql_query($sql_rma,$conexion) or die(mysql_error());

$nuevo_select='<select size="1" name="modelo" tabindex="8">';

while($rma=mysql_fetch_assoc($consulta_rma))
{
$nuevo_select.='<option value="'.$rma['nombre_modelo'].'" >'.$rma['nombre_modelo'].'</option>';
}

// Liberar memoria usada por consulta.
mysql_free_result($consulta_rma);
$nuevo_select.='</select>';

return $nuevo_select;
}
echo (select_combinado($id_tipo));

?>

Aquí están los códigos del archivo principal donde cargo los select, del archivo javascript que gestiona el ajax, y del archivo php que utiliza el propio ajax.

El problema es que el select generado con ajax no se envía por el método POST, ni por el GET. Es como si ahí no hubiera nada

[GatorV]

¿Como rescatas el valor posteriormente en tu formulario?

Saludos.

[mgomezbuceta]

Si te refieres al valor que se enviaría: $_POST['tipo'].
Así lo hago con el primer select y me funciona.

Tengo que pedir disculpas porque con AJAX no me manejo muy bien.

Gracias.

[GatorV]

¿Para el segundo como tratas de rescatarlo?

Saludos.

[foreverOdd]

Quiza esl problema sea que estas esperando el valor de "select2" cuando este no es mas que un div el cual no se envia con el formulario,
contenedor=document.getElementById('select2');

el combo o lista desplegable lo estas nombrando

<select size="1" name="modelo" tabindex="8">

y es por el por quien tienes que preguntar en el POST, es decir:

$combo = $_POST["modelo"];

[mgomezbuceta]

Muchas gracias por tu respuesta foreverOdd, pero eso es precisamente lo que hago y no me envía nada, probé con el método GET para ver en la URL lo que se envía y el campo "modelo" no aparece.

Alguna idea?

Muchas gracias.

[venkman]

"modelo" no aparece porque el objeto del DOM que realmente pertenecía al formulario lo has destruido al reescribir por completo el contenido del <div id="contenedor">.

En lugar de eso, lo que deberías hacer es una de estas dos cosas:

• Reescribir únicamente el contenido del <select>. Es decir, únicamente los <option>s.
• Devolver sólo los valores (i.e. sin HTML) en respuesta_rma.php, procesarlos en la función que trata la respuesta y construir uno a uno los objetos Option(texto,valor) y añadírselos al <select>

Yo me inclinaría por la segunda.

[mgomezbuceta]

Muchas gracias venkman, voy a probar las soluciones, aunque la segunda no tengo muy claro como hacerla.


Muchas gracias.

[mgomezbuceta]

Venkman, soy un poco principiante en esto.

Me podrías echar una mano con la segunda solución y explicarme como hacerlo.

Te lo agradecería.

Muchas gracias.

[venkman]

Puedes buscar por los foros cómo cargar un combo, cómo cargar un select, como hacer new Option... No lo digo porque no quiera contestarte, sino porque hay bastantes temas que tratan ya sobre eso.

[mgomezbuceta]

Muchas gracias, pero ya se como se carga el select y he buscado y todos ponen lo mismo, con lo cual te preguntaba a ti por si sabías como hacerlo.

De todas formas muchísimas gracias.

[venkman]

Supongamos que respuesta_rma.php en lugar de devolver lo que tienes ahora, devuelve algo como:

Código PHP:

  <?php 
$id_tipo = $_GET["id_tipo"]; 
function select_combinado($id_tipo){ 
 
    require("conexion.php"); 
 
    $sql_rma='SELECT id_modelo, nombre_modelo FROM modelo_rma WHERE id_tipo_enlace='.$id_tipo; 
    $consulta_rma = mysql_query($sql_rma,$conexion) or die(mysql_error()); 
 
    $nuevo_select=''; 
 
    while($rma=mysql_fetch_assoc($consulta_rma)) { 
        $nuevo_select .= $rma['nombre_modelo'].'/'; 
    } 
    mysql_free_result($consulta_rma); 
    $nuevo_select=substr($nuevo_select,0,-1); 
    return $nuevo_select; 
} 
echo (select_combinado($id_tipo)); 
?>   

Eso hace que el ajax.responseText sea algo como "uno/otro/otro más". Así que en el onreadystatechange, lo que haces es usar eso para construir objetos Option y meterlos en el select.

Código javascript:

//...
ajax.onreadystatechange = function(){ 
    if (ajax.readyState==4) {
        array_de_modelos = ajax.responseText.split("/");
        modeloSelectOptions = document.getElementById("modelo").options;
        for (var i= 0;i<array_de_modelos.length; i++) {
            modeloSelectOptions[modeloSelectOptions.length] = new Option(array_de_modelos[i]);
        }
    }
}
//...
 

Eso suponiendo que al <select size="1" name="modelo" tabindex="8"> le pones un id="modelo", claro. Y que revisas el código porque lo he escrito así sin pensar y podría tener errores.

[mgomezbuceta]

Muchísimas gracias Venkman.

Ahora mismo lo pruebo y te cuento.

Mil gracias.

[mgomezbuceta]

Muchísimas gracias venkman.

Funcionó a las mil maravillas.

[mgomezbuceta]

Un pequeño problemilla.

Cuando selecciono el tipo me muestra los distinto modelos. Hasta aquí todo bien, el problema está en que si selecciono otro tipo, en vez de cargarme lo modelos correspondientes, me carga los modelos del tipo antes seleccionado y los modelos del nuevo tipo, y así sucesivamente.

Se puede solucionar vaciando el "array_de_modelos" cada vez que lo llame el ajax?

[GatorV]

Exacto lo que haces es truncar el select:

Código javascript:

//...
ajax.onreadystatechange = function(){ 
    if (ajax.readyState==4) {
        array_de_modelos = ajax.responseText.split("/");
        modeloSelectOptions = document.getElementById("modelo").options;
        modeloSelectOptions.length = 0; // Esto es lo importante
        for (var i= 0;i<array_de_modelos.length; i++) {
              modeloSelectOptions[modeloSelectOptions.length] = new Option(array_de_modelos[i]);
        }
    }
}
//...
 

Saludos.

[mgomezbuceta]

Mil gracias a todos, porque AJAX es nuevo para mi.

Gracias.

[chuchoarg86]

hola, yo tengo un problema parecido pero estoy utilizando xajax.
el problema es que yo tengo el siguiente codigo:
<?php
function validar_empresa($nombre_empresa){

$ssql="select left(nombre,80) as nombre from empresa where nombre like'%$nombre_empresa%' order by clave";
$result =mysql_query($ssql);
if (mysql_num_rows($result)==0){
$campo_emp="No se encontro ningun elemento";
}
else{
$campo_emp ="<select name='emp'>";
while($row = mysql_fetch_array($result)) {
$campo_emp .='<option value="'.$row[clave].'">'.$row[nombre].'</option>';
}
$campo_emp .="</select>";
}


$respuesta = new xajaxResponse('ISO-8859-1');
$respuesta->addAssign("busqueda_empresa","innerHTML",$campo_e mp);
return $respuesta;
}
?>

Esto se imprime en el formulario en la seccion <div id="busqueda_empresa"></div>
Hasta aqui todo funciona bien. El problema es que yo envio esto a otro archivo que recibe los valores del formulario, pero no logro recepcionar los valores del select impreso con ajax.
intento recuperar el valor con $_POST["emp"] para luego guardarlo en una base de datos pero no me guarda nada.
Les agradezco su ayuda!!!