No carga mi javascript, ... !Mas claro!

lennhix · #1 (**permalink**) 01/01/2010, 19:01

Bueno amigos antes ya había posteado algo similar, pero me costo mucho explicarlo con mi sistema.

Ahora cree un código muy sencillo para que me comprendan a un 100% a que me refería.

He creado un script en HTML, simplemente un botón que debe llamar a un método utilizando ajax.

Código HTML:

Ver original<html>
<head>
<script type='text/javascript' src='javascript.js'></script>
</head>
 
<div id='botonMostrar'><button type='button' onClick='llamarMensaje()'>Mostrar</button></div>
<div id='resultado'></div>
</html>

Ahora voy a mostrar el script del archivo javascript.js

Código Javascript:

Ver originalfunction objetoAjax(){
    var xmlhttp=false;
    try {
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
        try {
           xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (E) {
            xmlhttp = false;
        }
    }
 
    if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
        xmlhttp = new XMLHttpRequest();
    }
    return xmlhttp;
}
 
function llamarMensaje(){
 
    //Ocultamos el boton que lista las variedades
    ocultarBoton    = document.getElementById('botonMostrar');
    ocultarBoton.style.display='none';
    
    //Donde se mostrará el resultado
    divResultado        = document.getElementById('resultado');
 
    //Instanciamos el objetoAjax
    ajax                = objetoAjax();
    
    //Usamos el metodo GET
 
    url = "mostrar.php";  
    ajax.open("GET",url,false);
    ajax.onreadystatechange=function() {
        if (ajax.readyState==4) {
            //Mostrar resultados en esta capa y lo convertimos en HTML dentro de un DIV
            divResultado.innerHTML = ajax.responseText;
        }else{
            //Aquí es el proceso de espera y dejamos una imagen simulando la espera o el progreso.
            divResultado.innerHTML = 'Cargando...';
        
        }
    }
    ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    //Enviamos el valor null ya que ocupamos el metodo GET
    ajax.send(null);
}

Por ultimo el script que debe mostrar al pinchar el botón mostrar.

Código HTML:

Ver original<html>
<head>
    <script>
    alert('Ha ejecutado Javascript');
    </script>   
</head>
</html>

Lo que no he logrado realizar es mostrar ese resultado alert('Ha ejecutado Javascript') !!

No comprendo cual es el problema de que al mostrar el resultado dentro de una etiqueta <div>
No pueda volver a cargar un script en javascript nuevamente.

Espero que me ayuden mis queridos amigos !
Saludos y un buen año para todos.

jackson666 · #2 (**permalink**) 01/01/2010, 20:53

En esta linea me parece que tenes confundido el nombre del objeto... No es divResultado???

Código Javascript:

Ver originaldivResultadoGrilla.innerHTML = ajax.responseText

Ademas te faltan un monton de cierres de linea ";"

A que te referis con " No comprendo cual es el problema de que al mostrar el resultado dentro de una etiqueta <div>
No pueda volver a cargar un script en javascript nuevamente. " ??

El boton lo estas ocultando ni bien haces click... Es evidente que no vas a tener forma de volver a llamar a la funcion excepto que uses setTimeout() o setInterval()...

lennhix · #3 (**permalink**) 01/01/2010, 21:03

Hola, muchas gracias por responder!!

Olvide modificar divResultadoGrilla.innerHTML = ajax.responseText

Pero ya esta!, los cierres ";" tengo entendido que son opcionales en este lenguaje, pero bueno se las he puesto :D

Y me sigue apareciendo el mismo extraño problema de no mostrar el alert(); que tengo en la página mostrar.php.

El botón no es el problema, sino que al pinchar el botón llamo al método llamarMensaje();

Hago una llamada a la página mostrar.php el cual tiene un mensaje en javascript que no me aparece.
Y eso no entiendo el porqué no aparece al presionar el botón.

jackson666 · #4 (**permalink**) 01/01/2010, 21:17

A ver si entiendo...

Vos haces click en tu boton, llama al "metodo" (digo asi, porque en realidad es una funcion) y de ahi haces un open() al archivo mostrar.php que contiene lo siguiente:

Código HTML:

Ver original<html>
<head>
    <script>
    alert('Ha ejecutado Javascript');
    </script>   
</head>
</html>

Es asi?

lennhix · #5 (**permalink**) 01/01/2010, 21:25

siip, debe lanzar ese mensaje al pinchar el botón mostrar :)

jackson666 · #6 (**permalink**) 01/01/2010, 21:40

Y porque no haces esto mejor...

mostrar.php

Código PHP:

Ver original//solamente esa linea
echo "ok";

Y en tu javascript...

Código Javascript:

Ver originalurl = "mostrar.php";  
    ajax.open("GET",url,false);
    ajax.onreadystatechange=function() {
        if (ajax.readyState==4) {
            var resp = ajax.responseText;
             (if resp == 'ok'){
                 alert('Ha ejecutado Javascript');
             }
        }else{
            //Aquí es el proceso de espera y dejamos una imagen simulando la espera o el progreso.
            divResultado.innerHTML = 'Cargando...';
        
        }

Antes lo que estabas queriendo hacer es insertar dentro de un div un html nuevo, cosa que no se puede... En un documento html, debe existir una UNICA etiqueta html

lennhix · #7 (**permalink**) 01/01/2010, 21:53

Hola, gracias nuevamente por ayudarme !!

Bueno te explico que no puedo hacerlo de esa forma, es que el ejemplo que puse arriba y que no lanza el mensaje es un script que hice para ayudar a intentar explicarme sobre ese problema.

Tengo otro sistema un tanto grande que lleva algo muy parecido al ejemplo que hice arriba.

Y si el ejemplo que puse arriba se logra resolver, podre implementarlo en mi sistema.

El sistema se trata que al pinchar un botón listar, me muestra una tabla con combobox dependientes.

Pero el problema es que deja de ser dependiente, ya que que no toma el javascript al presionar el botón listar.

Bueno esop.

El problema real que tengo está en este TEMA
http://www.forosdelweb.com/f77/no-vu...ivo-js-765548/

Si se logra resolver este ejemplo, que el mostrar.php lanze el alert(); .. Podre aplicar esto en el sistema y lograr resolver varios problemas :)

Bueno gracias amigo !

lennhix · #8 (**permalink**) 01/01/2010, 22:00

Tengo una duda con esto

Antes lo que estabas queriendo hacer es insertar dentro de un div un html nuevo, cosa que no se puede... En un documento html, debe existir una UNICA etiqueta html

yo pensaba que el método innerHTML es para guardar documentos HTML y mostrar sus resultados HTML

jackson666 · #9 (**permalink**) 01/01/2010, 22:06

Cita:

Iniciado por lennhix

Tengo una duda con esto

Antes lo que estabas queriendo hacer es insertar dentro de un div un html nuevo, cosa que no se puede... En un documento html, debe existir una UNICA etiqueta html

Tengo entendido que el método innerHTML es para guardar documentos HTML y mostrar sus resultados HTML

Te explico: innerHTML hace referencia al HTML INTERNO de un elemento. O sea, pensa en esto: A un input para cargarle un valor con javascript le decis:

Código Javascript:

Ver originaltuInput.value = "algo"

Como un div no tiene el atributo "value" no podes hacerlo de la misma forma, y por eso existe innerHTML.

Aclaracion: innerHTML no solo sirve para div's...

Para incluir una pagina dentro de otra existen los iframes.

En cuanto a tu problema, probaste haciendo en mostrar.php:

Código PHP:

Ver originalecho  "alert('Ha ejecutado Javascript')";

lennhix · #10 (**permalink**) 01/01/2010, 22:14

Si T_T también probé de esa manera,

Código PHP:

Ver original<?  
    echo    "<script>";
    echo    "alert('Ha ejecutado Javascript')";
    echo    "</script>";
?>

Es como si el javascript quedara totalmente inactivo al pinchar el botón.

Pero solo para javascript, porque PHP, HTML funciona bien pero Javascript es como que no hubiera escrito nada en javascript.

Y ese es mi problema, porque al presionar el botón tengo que necesariamente llamar otro .JS
Lo cual no lo hace t_t

:(

jackson666 · #11 (**permalink**) 01/01/2010, 23:00

Todo tuyo

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    <meta name="author" content="Jackson666" />
    <title>Untitled 1</title>
</head>
<body>
<script type="text/javascript">
function startAjax(){
    var xhr = new XMLHttpRequest();
    xhr.open("GET",'mostrar.php');
    xhr.onreadystatechange=function(){
        if(xhr.readyState==4){
            if(xhr.status==200){
                document.getElementById('rta').innerHTML=eval(xhr.responseText);                
            }
        }
    }
xhr.send(null);
}
</script>
 
<a href="javascript:startAjax();">Daleeeeeee</a>
<div id="rta"></div>
</body>
</html>

mostrar.php

Código PHP:

Ver originalalert('hola');

EDIT: olvide decirlo, solo anda en firefox

lennhix · #12 (**permalink**) 02/01/2010, 15:18

Hola amigos, no comprendo porque sucede que no muestra el mensaje de alerta, siendo que todo el código esta correcto. Es necesario que lo haga de está forma porque si me funciona, podre arreglar todos los demás.

Al pinchar el botón debe aparecer el mensaje que he dejado en la página de mostrar.php
(No lo muestra porqué es como si no procesara el código javascript), espero que puedan ayudarme a solucionar esto, pero no modificando demasiado el código, es requisito para mi sistema que lo haga de esta forma !

Muchas gracias

Les dejaré el codigo, Gracias.

página: principal.html

Código HTML:

Ver original<html>
<head>
<script type='text/javascript' src='javascript.js'></script>
</head>
 
<div id='botonMostrar'><button type='button' onClick='llamarMensaje()'>Mostrar</button></div>
<div id='resultado'></div>
</html>

página: javascript.js

Código Javascript:

Ver originalfunction objetoAjax(){
var xmlhttp=false;
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
xmlhttp = false;
}
}
 
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
 
function llamarMensaje(){
 
 
//Donde se mostrará el resultado
divResultado = document.getElementById('resultado');
 
//Instanciamos el objetoAjax
ajax = objetoAjax();
 
//Usamos el metodo GET
 
url = "mostrar.php";
ajax.open("GET",url,true);
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
//Mostrar resultados en esta capa y lo convertimos en HTML dentro de un DIV
divResultado.innerHTML = ajax.responseText;
}else{
//Aquí es el proceso de espera y dejamos una imagen simulando la espera o el progreso.
divResultado.innerHTML = 'Cargando...';
 
}
}
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//Enviamos el valor null ya que ocupamos el metodo GET
ajax.send(null);
}

Por último la página donde esta el alert() el cual no lo lanza.

Código PHP:

Ver original<?
echo "<script>";
echo "alert('Ha ejecutado Javascript')";
echo "</script>";
?>

Saludos y espero que me puedan ayudar :)

RonAndOr · #13 (**permalink**) 02/01/2010, 20:26

Por que no ejecutas la alerta al recibir la respuesta Ajax?.

zerokilled · #14 (**permalink**) 02/01/2010, 20:54

no comprendo como estas cargando la ultima porcion de codigo, ¿por ajax? si es el caso, no tiene sentido que php escriba el contenido a no ser que incluiras otro contenido, pero de todos modos no es el problema. ahora bien, no estoy seguro pero algunos navegadores tienen problema para interpretar los script por innerHTML. al menos lo intente in firefox e iexplorer y no me funciona.

Panino5001 · #15 (**permalink**) 02/01/2010, 23:03

Te sugiero que leas lo siguiente:
http://www.disegnocentell.com.ar/notas2.php?id=176

lennhix · #16 (**permalink**) 02/01/2010, 23:04

Hola amigos, muchas gracias por responder.

Estoy haciendo de esta forma porque en realidad, este script lo he creado para dar solución a un script un poco parecido.

Por ejemplo en el script de mi sistema:
mostrar.php, no lanza un alerta sino llama a otro archivo javascript.

Entonces eso no funciona, el código javascript deja de funcionar en su totalidad.

Por ejemplo en la página mostrar.php de mi sistema, tiene este combo.js agregado, pero no sirve...
Ya que deja de funcionar el código javascript.

EL alerta lo hice para que se pueda entender mejor a lo que quiero llegar y también probar el código javascript.
(javascript deja de funcionar)

Código HTML:

Ver original<head>
 
        <script type='text/javascript' src='../../js/funcionesAJAX/combo.js'></script>
 
</head>

lennhix · #17 (**permalink**) 02/01/2010, 23:11

Hola amigo, muchas gracias por prestarme de tu ayuda.

Bueno probé el código y funciona bien, no he podido hacerlo funcionar en IE y también no me he podido ajustarlo a lo que mi sistema necesita.

en mi sistema no debe lanzar el

Código Javascript:

Ver originalalert('hola');

Sino hacer una llamada a un archivo ej .JS

Código HTML:

Ver original<head>
 
        <script type='text/javascript' src='../../js/funcionesAJAX/combo.js'></script>
 
</head>

Al parecer esto no funciona t_t

Panino5001 · #18 (**permalink**) 02/01/2010, 23:36

Primero agregás este prototipo:

Código:

String.prototype.tratarResponseText=function(){
    var pat=/<script[^>]*>([\S\s]*?)<\/script[^>]*>/ig;
    var pat2=/\bsrc=[^>\s]+\b/g;
    var elementos = this.match(pat) || [];
    for(i=0;i<elementos.length;i++) {
        var nuevoScript = document.createElement('script');
        nuevoScript.type = 'text/javascript';
        var tienesrc=elementos[i].match(pat2) || [];
        if(tienesrc.length){
            nuevoScript.src=tienesrc[0].split("'").join('').split('"').join('').split('src=').join('').split(' ').join('');
        }else{
            var elemento = elementos[i].replace(pat,'$1','');
            nuevoScript.text = elemento;
        }
        document.getElementsByTagName('body')[0].appendChild(nuevoScript);
    }
    return this.replace(pat,'');
}

Luego reemplazás esta línea de tu código:

Código PHP:

  divResultado.innerHTML = ajax.responseText;

por esta otra:

Código PHP:

  divResultado.innerHTML = ajax.responseText.tratarResponseText();

caricatos · #19 (**permalink**) 03/01/2010, 00:20

Temas unidos

lennhix: Procura no repetir los temas.

Saludos

lennhix · #20 (**permalink**) 03/01/2010, 14:43

Muchisimas Gracias amigos foreros por ayudarme en dar solución a mi problema, les cuento que Panino5001 me ha regalado un código que ha dado una solución al 100% a mi problema, por eso le agradezco mucho, porque gracias a ese código podre seguir trabajando en mi sistema hasta terminarlo.

Les deseo un muy buen año!
Y cuando termine mi sistema lo publicare :D

Saludos a todos

lennhix · #21 (**permalink**) 03/01/2010, 18:45

Hola!!

Tengo otra consulta!

Bueno ha funcionado perfecto hacer el <script> alert('hola'); </script>

Pero no ha funcionado hacer la llamada del archivo :

Código HTML:

Ver original<head>
 
        <script type='text/javascript' src='hola.js'></script>
 
</head>

:S

Panino5001 · #22 (**permalink**) 03/01/2010, 19:04

Probablemente tengas un problema de sintaxis o de rutas. Fijate cómo este ejemplo sí funciona: http://www.disegnocentell.com.ar/new...os/pagina1.php

lennhix · #23 (**permalink**) 03/01/2010, 20:14

Si, Muchas Gracias amigo!!!

He visto el ejemplo y ocupan un javascript externo, en el ejemplo funciona perfecto, si que estoy revisando mi código.

Saludos y gracias por ayudarme :)

lennhix · #24 (**permalink**) 03/01/2010, 22:22

Bueno he logrado que funcione con un JS externo,
Pero tengo otro JS que no funciona, es para que un comobox dependa de otro y muestre los registros llamados de MySQL.

Tengo el jquery.js
y este :

Código Javascript:

Ver original/* +---- Funciones JS que ocupamos para la página criterio_calibre.php ----+ */
$(document).ready(function(){
    
    $("select").change(function(){
        alert('a seleccionado')
        // Vector para saber cuál es el siguiente combo a llenar
        var combos = new Array();
        //productor             //especie
        //especie               //variedad
        //variedad              //etapa
        combos['especie']       = "variedad";
        combos['variedad']      = "productor";
        combos['productor']     = "etapa";      
 
        // Tomo el nombre del combo al que se le a dado el clic por ejemplo: especie
        posicion = $(this).attr("name");
        // Tomo el valor de la opción seleccionada 
        valor = $(this).val()       
 
 
        // Evaluó  que si es productor y el valor es 0, vacié los combos de Especie, Variedad y Etapa
        if(posicion == 'especie' || valor==0){
            $("#variedad").html('   <option value="0" selected="selected" style="width: 148px">Seleccionar Variedad</option>')
            $("#productor").html('  <option value="0" selected="selected" style="width: 148px">Seleccionar Productor</option>')
            $("#etapa").html('      <option value="0" selected="selected" style="width: 148px">Seleccionar Etapa</option>')
            
            $.post("consultasJS/criterioCalibres_js.php",{combo:$(this).attr("name"), id:$(this).val() },function(data){
            $("#"+combos[posicion]).html(data);})
        }
        if(posicion == 'variedad' || valor==0){
                        $("#productor").html('  <option value="0" selected="selected" style="width: 148px">Seleccionar Productor</option>')
                        $.post("consultasJS/criterioCalibres_js.php",{combo:$(this).attr("name"), id:$(this).val() },function(data){
                        $("#"+combos[posicion]).html(data);})
        }
        if(posicion == 'productor' || valor==0){
                        $("#etapa").html('  <option value="0" selected="selected" style="width: 148px">Seleccionar Etapa</option>')
                        $.post("consultasJS/criterioCalibres_js.php",{combo:$(this).attr("name"), id:$(this).val() },function(data){
                        $("#"+combos[posicion]).html(data);})
        }
 
    })              
})

Colocados de la forma correcta, pero no sirve :S

Bueno para esto necesitaba que funcione javascript realment, para hacer funcionar este script!!!

funciona bien creando un alert(),pero no el script que hace que los combobox sean dependientes.

que enrendo :S

Dejo dos fotos, Una con el botón y la otra es cuando pincha el botón aparece los combobox.

Si dejo el script de los combobox dependientes dentro de la página principal, sin el botón, funciona perfecto.
Pero si coloco el botón y muestro haciendo click, el script no funciona. No entra a

$(document).ready(function(){
alert('no entra') // no ingresa!!

bueno como dije antes, funciona perfecto sin el botón, dejando el código de los comobox en la página principal.
Pero si dejo el código de los combobox en otra página y la llamo al pinchar el botón, esto deja de funcionar...

lennhix · #25 (**permalink**) 04/01/2010, 01:21

Intentare explicarlo un poco mejor!

Bueno

Tengo la página principal. index.html que contiene :
* Incluye el jquery.
* el Objeto XMLHTTPRequest.
* funciones ( aquí dentro está el código para los combobox dependientes).

* Contiene el código para ver el botón y al pincharlo muestra la tabla con los combobox.

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
        <script type='text/javascript' src='jquery.js'></script>
 
    <script type='text/javascript' src='objetoXMLHTTPRequest.js'></script>
 
        <script type='text/javascript' src='funciones.js'></script>
 
        <!-- Elemental -->
 
</head>
 
<body>
<div align="center">      
 
<div id="botonCalibres"><button type='button' onClick="mostrarCriterioCalibres()">Mostrar Calibres <img src="http://www.forosdelweb.com/f77/images/icons/listar.png" ></button></div>
 
<div id="mostrarComboBox"></div>
 
</div>
</body>
</html>

Hasta aquí todo va bien, si pincho el botón me muestra la tabla con los combobox.
Ahora mostrare la página donde está el código de los comobobox.

Código HTML:

Ver original<div align="center">   
 
<table width="584" border="0" align="center" cellpadding="0" cellspacing="0">
 
  <tr>
 
    <td width="584" height="28" align="center">
 
    <form name="formularioCalibres" method="GET" >
 
        <table border="0" align="center" cellpadding="0" cellspacing="0">
 
          <tr>
 
            <td colspan="4" align="left" class="titulo">Criterio Calibres</td>
 
            </tr>       
 
 
 
             <tr>            
 
         <td class="titulo"><B>Especie:</B></td>
 
            <td colspan="4" class="alt" align="left">
 
            <select name="especie" id="especie" style="width: 260px" onChange="pedirDatosCalibres()">
 
            <option value="0" selected="selected">Seleccionar Especie</option>
 
<?php 
 
    $res = mysql_query("SELECT DISTINCT(id_especie) FROM criterio_calibres");
 
    $cant =  mysql_num_rows($res);
 
 
 
        if($cant>0){                        
 
            while($rs = mysql_fetch_array($res)){
 
?>
 
    <option value="<?php echo $rs["id_especie"]?>"><?php echo $rs["id_especie"]?></option>
 
<?php  
 
            }
 
        } 
 
?>
 
 
 
            </select>
 
            </td>
 
        </tr>
 
            <td class="titulo"><B>Variedad:</B></td>
 
            <td colspan="4" class="alt" align="left">       
 
            <select id="variedad" name="variedad" style="width: 260px" onChange="pedirDatosCalibres()">
 
                <option value="0" selected="selected">Seleccionar Variedad</option>
 
            </select>
 
            
 
        </td>
 
         </tr>
 
 
 
        <tr>
 
            <td class="titulo"><B>Productor:</B></td>
 
            <td colspan="4" class="alt" align="left">
 
            <select id="productor" name="productor" style="width: 260px" onChange="pedirDatosCalibres(),habilitarBotonAgregar(this.form),habilitarBotonEliminar(this.form)">
 
                <option value="0" selected="selected">Seleccionar Productor</option>
 
            </select>
 
            
 
            </td>
 
            </tr>   
 
        <tr>
 
            <td class="titulo"><B>Etapa:</B></td>
 
            <td class="alt" align="left">
 
            <select id="etapa" name="etapa" style="width: 135px" onChange="pedirDatosCalibres()">
 
                <option value="0" selected="selected">
 
                <?php echo 'Seleccionar Etapa'; ?>
 
                </option>
 
            </select>
 
            </td>           
 
    </form>
 
   </table>
 
  </td>
 
 </tr>
 
</table>
 
<div id="resultado"></div>        
 
<div id="campos"></div>
 
<div id="modificar"></div> 
 
</div>

Bueno esto es lo que no funciona. Pero si lo dejo en la página principal, sin el botón.
Osea que al entrar al index.html me muestre los combobox. Sin el botón. Funciona bien.

Ahora muestro el código ajax de los combobox dependientes.

Código Javascript:

Ver original$(document).ready(function(){
 
    $("select").change(function(){
        // Vector para saber cuál es el siguiente combo a llenar
        var combos = new Array();
        //productor             //especie
        //especie               //variedad
        //variedad              //etapa
        combos['especie']       = "variedad";
        combos['variedad']      = "productor";
        combos['productor']     = "etapa";      
 
        // Tomo el nombre del combo al que se le a dado el clic por ejemplo: especie
        posicion = $(this).attr("name");
        // Tomo el valor de la opción seleccionada 
        valor = $(this).val()
                    
        // Evaluó  que si es productor y el valor es 0, vacié los combos de Especie, Variedad y Etapa
        if(posicion == 'especie' || valor==0){
            $("#variedad").html('   <option value="0" selected="selected" style="width: 148px">Seleccionar Variedad</option>')
            $("#productor").html('  <option value="0" selected="selected" style="width: 148px">Seleccionar Productor</option>')
            $("#etapa").html('      <option value="0" selected="selected" style="width: 148px">Seleccionar Etapa</option>')
            
            $.post("consultasJS/criterioCalibres_js.php",{combo:$(this).attr("name"), id:$(this).val() },function(data){
            $("#"+combos[posicion]).html(data);})
        }
        if(posicion == 'variedad' || valor==0){
                        $("#productor").html('  <option value="0" selected="selected" style="width: 148px">Seleccionar Productor</option>')
                        $.post("consultasJS/criterioCalibres_js.php",{combo:$(this).attr("name"), id:$(this).val() },function(data){
                        $("#"+combos[posicion]).html(data);})
        }
        if(posicion == 'productor' || valor==0){
                        $("#etapa").html('  <option value="0" selected="selected" style="width: 148px">Seleccionar Etapa</option>')
                        $.post("consultasJS/criterioCalibres_js.php",{combo:$(this).attr("name"), id:$(this).val() },function(data){
                        $("#"+combos[posicion]).html(data);})
        }
 
    })              
})

Y la función pedirDatosCalibres()

Código Javascript:

Ver originalfunction pedirDatosCalibres(etapaRecibida){
 
    //Ocultamos el formulario de Ingresar Otro
    ocultarCampos   = document.getElementById('campos');
    ocultarCampos.style.display='none'; // Con este script, logramos mostrar los campos nuevamente.
 
    //Ocultamos el formuladio de Modificar
    ocultarModificarVer = document.getElementById('modificar'); 
    ocultarModificarVer.style.display='none';
 
    //Donde se mostrará el resultado
    divResultadoGrilla      = document.getElementById('resultado');
        
    
    //Tomamos el valor del Formulario Calibres
    especie             = document.formularioCalibres.especie.value; 
    variedad            = document.formularioCalibres.variedad.value; 
    productor           = document.formularioCalibres.productor.value;
    etapa               = document.formularioCalibres.etapa.value; 
    etapaRecibida       = etapaRecibida; // Recibo True o underfined , o si fuera de listaCriterio* Envio un valor de Etapa
    
    //Instanciamos el objetoAjax
    ajax                = objetoAjax();
    // Creamos una variable donde guarde un valor aleatorio, que nos sirve para engañar las cookies del navegador.
    var miAleatorio=parseInt(Math.random()*99999999);
    //Usamos el metodo GET
    //Archivo que realizará la operacion
    //listaCriterioCalibre.php
    url = "consultasJS/listaCriterioCalibre.php?productor=" + productor + "&especie=" + especie + "&variedad=" + variedad + "&etapa=" + etapa + "&etapaRecibida=" + etapaRecibida;  
    ajax.open("GET",url+ "&rand=" + miAleatorio,true);
    ajax.onreadystatechange=function() {
        if (ajax.readyState==4) {
            //Mostrar resultados en esta capa y lo convertimos en HTML dentro de un DIV
            divResultadoGrilla.innerHTML = ajax.responseText.tratarResponseText();
        }else{
            //Aquí es el proceso de espera y dejamos una imagen simulando la espera o el progreso.
            divResultadoGrilla.innerHTML = '<img src="http://www.forosdelweb.com/f77/images/icons/carga.gif">';
        
        }
    }
    ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    //Enviamos el valor null ya que ocupamos el metodo GET
    ajax.send(null)
 
}

Bueno decir que no entra al

Código Javascript:

Ver original$("select").change(function(){

Al Seleccionar el primer combobox.

T_T

Eso es todo.

El script que me ha ofrecido Panino5001 funciona a la perfección, pero no entiendo porqué no funciona con el script de los combobox dependientes.

Espero que me hallan entendido :) Muchas gracias!