Error usando jquery: no me reconoce funciones

letni · #1 (**permalink**) 13/01/2009, 11:49

Hola, tengo este código pero la consola de errores de Mozilla Firefox me retorna el error: "mostrar is not defined"

Código HTML:

<html>
    <head>
        <script type = "text/javascript" src = "jquery.js">
            function mostrar() {
                var valor = $("#combo1").val(); 
                //Invocacion al script php que procesa los datos y le enviamos los valores por POST
                $.post("procesa_combos.php", { 'valor': valor}, function(data){
                                                                    $("#combo2").html(data);
                                                                });
            }
        </script>
    </head>
    <body>
        <form name = "prueba1">
            <select name = "combo1">
	        <option value = "" selected> Selecciona opción...</option>
	        <option value = "opcion1" onClick = "mostrar('uno')"> Opción 1</option>
	        <option value = "opcion2" onClick = "mostrar('dos')"> Opción 2</option>
	        <option value = "opcion3" onClick = "mostrar('tres')"> Opción 3</option>
	        <option value = "opcion4" onClick = "mostrar('cuatro')"> Opción 4</option>
            </select>
        </form>
    </body>
</html>

¿Por qué no me reconoce la función mostrar?

EDITO: Era por incluir el src="" de un tag <script> y dentro también poner código.

Ahora queda así:

libreria.js:

Código Javascript:

Ver originalfunction mostrar() {
    document.write($("#combo1").val());
    var valor =$("#combo1").val();
    //Invocacion al script php que procesa los datos y le enviamos los valores por POST
    $.post("procesa_combos.php", { 'valor': valor}, function(data){
                                                        $("#combo2").html(data);
                                                    });
}

Código HTML:

<html>
    <head>
        <script type="text/javascript" src="jquery.js">
        </script>
        <script type="text/javascript" src="libreria.js">
        </script>
    </head>
    <body>
        <form name="prueba1">
            <select OnChange="mostrar()" name="combo1">
	        <option value="" selected> Selecciona opción...</option>
	        <option value="opcion1"> Opción 1</option>
	        <option value="opcion2"> Opción 2</option>
	        <option value="opcion3"> Opción 3</option>
	        <option value="opcion4"> Opción 4</option>
            </select>
        </form>
    </body>
</html>

Saludos.

TresPuntoDos · #2 (**permalink**) 25/01/2009, 06:59

Pero ya te funciona, no?

letni · #3 (**permalink**) 25/01/2009, 08:32

Ya sí.

Saludos.