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.