Ayuda con función que no ejecuta despues de la llamada AJAX

[jartaud]

Hola tengo en una select box (coche) una funcion (getModel(this.value) que toma el valor y lo manda a un archivo ajax que a su vez traje los modelo de esa marca.

Pero tengo unas funciones que valida las select box, el problema es, la funcion que debería validar la select generada despues la llamada ajax, no se ejecuta.

En la consola de Firebug, puede ver el valor seleccionado, pero la función no tiene ningún poder sobre su id.

[Adler]

Hola

Difícil saber que está pasando sin ver el código.

Suerte

[jartaud]

Iniciado por Adler

Hola

Difícil saber que está pasando sin ver el código.

Suerte

Gracias por responder: aquí esta el AJAX

Código PHP:

  function getXMLHTTP() {
    var xmlhttp=false;  
    try{
    xmlhttp=new XMLHttpRequest();
    }
    catch(e){       
    try{            
    xmlhttp= new ActiveXObject("Microsoft.XMLHTTP");
    }
    catch(e){
    try{
    xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    }
    catch(e1){
    xmlhttp=false;
      }
     }
  }
   return xmlhttp;
}

function getModel(idCar) {      
    var strURL="http://localhost/root509dir/Includes/model.php?idCar="+idCar;
    var req = getXMLHTTP();
    if (req) {
          req.onreadystatechange = function() {
          if (req.readyState == 4) {
          if (req.status == 200) {
         document.getElementById('modelCont').innerHTML=req.responseText;
     } else {
       alert("There was a problem while using XMLHTTP:\n" + req.statusText);
       }
    }               
}           
    req.open("GET", strURL, true);
    req.send(null);
    }       
}  
   

La primera lista dependiente se puede ver la función getModel que manda que llama el AJAX:
car.php

Código PHP:

  
<?php
$QRcars = mysql_query("SELECT *FROM car ORDER BY car_make") or die(mysql_error());
if(mysql_num_rows($QRcars)>0){?>
<select name="cars" id="cars" onchange="getModel(this.value);"><option value="0">-------------------</option>
<?php while($cars = mysql_fetch_array($QRcars)){?>
<option value="<?php echo htmlentities($cars['id_car']);?>">
<?php echo htmlentities($cars['car_make']);?></option>
<?php }?>
</select>       
<?php }?>
<span id="modelCont">
<?php echo htmlentities(PUB_AN_MOD); ?><em>*</em>
<select name="model" id="model">
<option value="0">---------</option>
</select>
</span>  

E el archivo que genera la lista dependiende después de la llamada async:
model.php

Código PHP:

 if(isset($_GET['idCar'])){
    $idCar = mysql_real_escape_string($_GET['idCar']);
}
$modelQR = mysql_query("SELECT *FROM model WHERE from_make = '$idCar'") or die(mysql_error());?>
<?php echo htmlentities(PUB_AN_MOD); ?><em>*</em>
<select name="carmodel" id="carmodel">
<option value="0">----------------</option>
<?php while($model = mysql_fetch_array($modelQR)){?>
<option value="<?php echo htmlentities($model['id_model']);?>">
          <?php echo htmlentities($model['car_model']);?></option>
<?php }?>
</select>  

La función que deberia ejecutarse si el usuario no selecciona nada:
Ejecuta sobre los elementos no dinámicos. (Que no hayan generado por AJAX)

Código PHP:

  ... var model = $("#carModel");
.... model.change(validModel);

function validModel(){
     if(model.val() == 0){
            model.addClass("errorJS");
            return false;
            }else{
            model.removeClass("errorJS");
            return true;
            }  
    }  
   

La clase errorJS anade un border rojo alrededor del elemento si la función return false;

[jartaud]

Ya lo resolví, el problema era que el evento ready no se ejecuta cuanto se manipula el DOM otravéz (Cuando aparece la segunda selectbox después de llamar AJAX).

Así que yo tuvé que definir to fuera del evento. Ose a hago todo lo que hicé para los elementos ya "LISTOS" (DOM ready)