jQuery conexión base de datos

[BlogInn]

Estoy trabajando en un proyecto y lo unico que me falta es la manera de pasarle a una función javascript un dato que tengo metido en mi base de datos, desde mi inexperiencia lo que diria que me falta es:

1-en el evento OnChange del select llamar a una función php que me devuelva el dato que yo quiero de la base de datos.
2-Que esa función en php llame a la función javascript pasandole ese dato que saqué de la BBDD
3- (Y este ya está solucionado) que esa función javascript me actualice un div poniendo el dato que le pasa la función php.

Creo que esto lo puedo hacer con JQuery. ¿Estoy en lo cierto? ¿De ser asi como seria? El codigo que tengo es:

FUNCIÓN QUE RECARGA UN DIV SIN REFRESCAR LA PAGINA:

Código:

<script language="javascript" type="text/javascript">
<!--
function llenarDIV(){
      var obj = document.getElementById('reproductor');
	  titulo = document.form1.titulo.value;
      obj.innerHTML = titulo;
   }</script

-SELECT PARA MOSTRAR LOS TITULOS DE LOS VIDEOS QUE EXISTEN EN LA BASE DE DATOS:

Código HTML:

<div class="up">
<div class="lista" align="left">
<form id="form1" name="form1" method="post" action="">
 
  <label> <strong>ELIGE TU VIDEO</strong>
  <select name="titulo" size="20" onchange="llenarDIV()"> 

-PHP QUE RELLENA EL SELECT

Código PHP:

  <?php 
 
  include('conex.php'); 
    $link=Conectarse(); 
$consulta = 'SELECT * FROM `videos`'; 
$result=mysql_query($consulta,$link);  
while ($row=mysql_fetch_array($result)) 
{echo '<option>'.$row["titulo"].'</option>';}; 
?>   

-FIN DEL HTML (CON EL DIV QUE SE TIENE QUE RECARGAR)

Código HTML:

 </select>
  </label>
 
</form>
</div>
<div id="reproductor">
<p class="texto"><STRONG>AQUI VERÁ EL VIDEO SELECCIONADO</STRONG></p></div>
</div> 

Alguna idea?

Saludos y gracias de antemano





Saludos y gracias de nuevo!!

[eall]

existen varias formas de hacer lo que deseas.

lee la documentación de ajax de jQuery

http://docs.jquery.com/Ajax

exito.

[hector2c]

ajaaaaaaaaaaaaaaaax !!!

[BlogInn]

eall gracias, pero estoy mirando esa pagina y no encuentro na de na :(

[eall]

uno seria el metodo load. rescata datos generados por, en este caso, generaHTML.php y lo asigna a un div (divSelDias).

Código javascript:

<script type="text/javascript">
 $(document).ready(function(){ //así es como se crean las funciones jQuery. solo cree
  $("#selMeses").change(function(){ //se ejecuta con el evento onChange
   var varMes = $(this).val()  //Devuelve el valor del campo, en este caso el select estatico
   $("#divSelDias").load("generaHTML.php", {paramTipo : 1, paramMes : varMes}, 
      function(responseText, textStatus, XMLHttpRequest){
      /*tu función*/
      }); 
      //paramTipo es el parametro pasado por metodo POST
  });//change
});//ready
</script>
 

que te parece.

Exito.