#1 AJAX xD es impepinable, o cualquier otra función javascript que acabe por modificar el contenido de un DIV a partir de las opciones que elija el usuario. Pero entonces todo el código que genera el código tendrá que estar escrito en javascript.
Usar AJAX con JQuery es algo increiblemente sencillo. Te voy a dar un pequeño ejemplo, que si sabes PHP te resultará fácil:
archivo consulta.php
switch($_POST['consulta'])
{
case "a":
echo "hola";
break;
case "b":
echo "adios";
break;
}
archivo index.php (donde está el usuario viendo la web):
<html>
<head>
<!-- Incluimos la libreria jquery, bajada de su web, www.jquery.com -->
<script type="text/javascript" src="/js/jquery-latest.js"></script>
<!-- Hacemos un pequeño script, que mediante AJAX haga consultas al archivo
anterior y muestre el resultado sin refrescar la web cuando se pulsa el boton 'consultar'-->
<script type="text/javascript">
// Esto no hace falta que lo entiendas, es para que el código se ejecute tras
// cargar toda la web, y no al empezar.
$(document).ready(function(){
// Cuando hacen click sobre consultar se ejecuta la función
$("#consultar").click(function(){
// Esta variable contiene el valor del desplegable
var seleccion = $("#seleccion").val();
//Esta es la función AJAX, envía un dato al archivo anterior, y recoje la respuesta
$.post("consulta.php",{'consulta': seleccion}, function(respuesta){
// En la variable 'respuesta' tenemos la respuesta del archivo, la metemos
// en el DIV 'respuesta', valga la redundancia XDD
$("#respuesta").html(respuesta);
});
}
});
</script>
</head>
<body>
<select id="seleccion">
<option value="a">Saludar</option>
<option value="b">Despedir</option>
</select>
<input type="button" id="consultar" />
<div id="respuesta"></div>
</body>
</html>
Todo está sin probar, solo es para que veas el funcionamiento, espero que se entienda.
Lo he hecho deprisa y corriendo, ahora no tengo tiempo para mirarlo a fondo, luego me paso y veo a ver que decís)
