Mostrar resultado de consulta en un DIV

easolano5 · #1 (**permalink**) 03/02/2011, 16:19

Hola señores tengo una dificultad espero qeu puedan primero entender lo que quiero y segundo a ayudarme con la solucion:

1. Tengo un archivo en PHP llamaco muestra_sexo.php basicamente tiene esto:
<html >
<head>
<title>Muestra resultado</title>
</head>
<body>
<div id="opciones">

<form name="form1" method="post" action=" no_se_que_colocar_aqui ">
<select name="sexo">
<option value="0">Seleccione</option>
<option value="f">Femenino</option>
<option value="m">masculino</option>
</select>
<input type="submit" value="buscar"/>
</form>
</div>

<div="resultado">
Aqui quiero mostrar el resultado de la consulta a la base de datos.
</div>
</body>
</html>

2. en el <form action=" no_se_que_colocar_aqui "> cuando hago esto:
<form action=" busqueda.php "> obviamente va a buscar el archivo que tiene la consulta dentro y hace lo que quiero que haga, pero en este caso no se como se debe hacer.

Lo que deseo es que al escoger en el select el tipo de sexo a buscar y presionar el boton buscar en el div que tiene id="resultado" me muestre el resultado de lo que encontró.

Obviamente tengo un script.php que tiene la conexion a la bd el select * from tabla_sexo etc....

Mis preguntas son:

1. como recupero lo que tiene el select? yo se que con $_POST["sexo"] puedo buscarlo y de hecho asi busca el contenido en la base de datos y funciona el pequeño script.

2. Como lo muestro en el div sin que me redireccione a otra pagina

3. Me dicen que hay que usar ajax y en ajax solo se hacer una cosa asi que si me pueden hechar una mano para aprender se lo agradeceré.

bullarobert · #2 (**permalink**) 03/02/2011, 16:27

dejalo de esta forma:

Código PHP:

Ver original<form name="form1" method="post" >

asi no te direcciona a ninguna pagina y despues con el $_POST recuperas el valor

ocp001a · #3 (**permalink**) 03/02/2011, 16:55

Podrías hacerlo con xajax, es muy fácil de usar, y muy potente. Así de botepronto tu procedimiento podría quedar así:

Código PHP:

Ver original<?php
$xajax = new xajax(); //creamos una instancia de xajax
$xajax->registerFunction("consulta"); //registramos la funcion consulta, si esta en otro archivo hacemos primero un include a el
?>

Código HTML:

Ver original<html >
<head>
<title>Muestra resultado</title>

Código PHP:

Ver original<?php
$xajax->printJavascript('ruta donde tengas el xajax');
?>

Código HTML:

Ver original</head>
<body>
<div id="opciones">
<!--- Aqui se escoge el sexo a buscar--->
<form name="form1" method="post" action=" no_se_que_colocar_aqui "> 
<select name="sexo" id="sexo">
<option value="0">Seleccione</option>
<option value="f">Femenino</option>
<option value="m">masculino</option>
</select>
<input type="button" value="buscar" onclick="xajax_consulta(document.getElemtById('sexo').value)"/>
</form>
</div>
 
<div="resultado">
Aqui quiero mostrar el resultado de la consulta a la base de datos.
</div>
</body>
</html>

Código PHP:

Ver original<?php
function consulta($sexo){
 $proceso_en_la_BD //hacemos la consulta....
 $respuesta = new xajaxResponse();  //creamos una nueva respuesta xajax
 $respuesta->assign("resultado","innerHTML",$proceso_en_la_BD"); //asignamos al div el resultado
 return $respuesta //regresamos nuestra respuesta ajax.
}
?>