Campo select no se envia cuando es cargado por AJAX (IE)

[charolastrazoe]

Hola, fíjense que tengo un sitio en el que necesito que los clientes registren datos, pero deben seleccionar una categoría para cargar una subcategoría.

En Chrome, Firefox si funciona, pero en IExplore (tengo la versión IE9), la subcategoría visualmente carga normalmente, pero al enviar el formulario, ese campo que fue cargado por AJAX no lo estoy recibiendo.

Este es mi código AJAX:

Código Javascript:

ajax.open("GET","procedimientos/carga_subcategorias_list.php?id_categoria="+valor+"&nocache="+aleatorio,true);
    ajax.onreadystatechange=function()
      {
           if (ajax.readyState==4)
           {
              document.getElementById(div).innerHTML = ajax.responseText ;
           }
      }
      ajax.send(null);
 

Pueden revisar el formulario en www.directoriocomalcalco.com/contacto y probar lo que les comento, ojalá pudieran apoyarme.

Por ahorita al enviar sólo se imprime el valor del array y no guarda alguna info, por si se lo preguntan jeje

Saludos y desde ya muchas gracias!

P.D. I hate you IE

[alex1084]

Muestra el codigo con el que accedes al select

[emprear]

hasta donde se vé el action del form (/enviar-solicitud) no está procesando el php,
te imprime esto

Código:

array(10) {
  ["nombre"]=>
  string(1) "w"
  ["descripcion"]=>
  string(1) "w"
  ["categoria"]=>
  string(1) "3"
  ["direccion"]=>
  string(1) "w"
  ["telefono"]=>
  string(1) "w"
  ["web"]=>
  string(1) "w"
  ["contratante"]=>
  string(1) "w"
  ["email"]=>
  string(7) "[email protected]"
  ["captcha"]=>
  string(0) ""
  ["enviar"]=>
  string(0) ""
}

el php en si, parece que funciona en tu sitio, ya que el captcha lo genera correctamente (aunque la validación del form no lo toma como requerido
Saludos

[charolastrazoe]

Iniciado por alex1084

Muestra el codigo con el que accedes al select

Alex, este es el código de la carga del select de subcategorías:

Código PHP:

  <?php 
header("Cache-Control: no-store, no-cache, must-revalidate"); 
error_reporting("E_ALL & ~E_NOTICE & ~E_WARNING"); 
 
include("../conexion.php"); 
 
$id_categoria = $_POST['id_categoria']; 
 
if($id_categoria == ""){//Si no ha seleccionado una categoria 
    ?> 
    <select name="subcategoria" id="subcategoria"> 
        <option value="">-Seleccione subcategoria-</option> 
    </select> 
    <?php 
} 
else 
{ 
    $sql = "SELECT id_subcategoria, subcategoria FROM subcategorias WHERE id_categoria = $id_categoria AND estado = 'A' ORDER BY subcategoria;"; 
    $res = mysql_query($sql) or die("Error: $sql".mysql_error($servidor)); 
     
    while($datos = mysql_fetch_assoc($res)){ 
        $listado .= "<option value = '$datos[id_subcategoria]'>".htmlentities($datos['subcategoria'])."</option>"; 
    } 
     
    ?> 
    <select name="subcategoria" id="subcategoria"> 
        <option value="">-Seleccione subcategoria-</option> 
        <?php 
            echo $listado; 
        ?> 
    </select> 
    <?php 
}//fin else 
?>   

Y el AJAX con el que cargo este archivo es el que está alla en el inicio del tema.

[charolastrazoe]

@emprear

Sí, el formulario se envía, excepto el campo subcategoría que se carga por AJAX, y sí está validado en javascript, sino seleccionas la subcategoría te manda un alert.

Te dejo una captura de lo que pasa al enviar:

[scod]

IE tiene problems añadiendo elementos al DOM cuando éste ya está cargado en el navegador, aunque lo que tengo entendido sólo aplica a tags de HTML5 o que IE no reconozca, en todo caso checa si usando htmlshiv te funciona, ésta libreria se encarga de eso.

ahora por otra parte, creo que tiene algo más que ver con la forma en que inyectas el html traido del ajax, de forma que ie no reconoce el cambio.

Pregunta, porque no usas jquery, alli lo tienes cargado ya. si no te funca mandando el form, siempre lo puedes enviar con jquery y ajax, de esa forma estarías trabajando sobre el DOM.


Saludos!