Cita:
Iniciado por pateketrueke 
solo que recuerda que el Javascript debe ir entre <head></head>
Es verdad, mi código va tomando forma:
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> De todos modos me sigue saliendo el error:
Error: mostrar is not defined
¿Qué está mal?
PD: Curiosidad sobre foo y bar.