Tema: Recuperar el Valor de select para consulta mysql
Ver Mensaje Individual
  #14 (permalink)  
Antiguo 20/02/2012, 23:29
niwd03
 
Fecha de Ingreso: septiembre-2011
Mensajes: 10
Antigüedad: 12 años, 8 meses
Puntos: 0
Respuesta: Recuperar el Valor de select para consulta mysql
Primero quiero agracer a quienes me han ayudado como no tienen idea en este foro

cachusan, turfeano, thezzin y en especial a este último quien me dio toda la base, se que no me quedo a la primero pero pues desconozco el tema, pero gracias a ese código pude investigar como funciona el código y asi adaptarlo a mis necesidades y espero que al igual que a mi les ayude a muchos.

Francamente no se Ajax pero les daré una breve explicación en base a lo que aprendi y espero le sirva a quien no sabe del tema igual que yo, es muy importante seguir complementando la investigación para que lo adaptemos a nuestras necesidades (lean mucho esa es la clave).

Aqui inicia el primer archivo php, por ejemplo ponerle de nombre index.php

Código HTML: 
Ver original
  1. <?php 
  2. //Aqui haces tu conexión
  3. mysql_connect("localhost","usuario","contraseña");
  4. mysql_select_db("nombre de la bd");
  5. ?>
  6.  
  7. <!DOCTYPE HTML>
  8. <html>
  9. <head>
  10. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  11. <title>Ajax con php</title>
  12. </head>
  13. //Este es el código de Ajax (por lo que entendí es combinar el uso de java con php) aclaro no conozco mucho del tema pero quiero ayudar a otros que como yo desconocen el tema, este código me permite enviar variables a otro archivo php, la clave esta en la función que se llama getMarca y en el XMLHttpRequest.
  14. <script type="text/javascript">
  15. function getMarca(int){
  16. if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari
  17. xmlhttp=new XMLHttpRequest();
  18. }else{// code for IE6, IE5
  19. xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  20. }
  21. xmlhttp.onreadystatechange=function(){
  22. if(xmlhttp.readyState==4 && xmlhttp.status==200){
  23. document.getElementById("divShow").innerHTML=xmlhttp.responseText;
  24.    }
  25. }
  26. //Aqui es donde debes colocar tu archivo php y se manda por el metodo get 
  27. xmlhttp.open("GET","onChange.php"+int,true);
  28. xmlhttp.send();
  29. }
  30. </script>
  31. <body>
  32. <div align="center">
  33.   <table width="800" align="center" color: #FFF; font-family: Verdana, Geneva, sans-serif; font-size: 13px;">
  34.   <tr valign="middle" >
  35.     <td align="right">
  36. //Si recuerdas la function get marca se manda llamar aqui en el evento onChange, lo que esta entre paréntesis es otra de las claves, ?pc es el nombre de la variable, recomiendo cambiarla a tus necesidades y this.value es el valor de la lista desplegable que en mi caso tiene su origen en mi bd.
  37. //Nota: También se pueden utilizar otros eventos como onClic en botones, etc.
  38. <select onChange="getMarca('?pc=' + this.value);">  
  39. //Aqui lo que hice es mediante una consulta cargar unas categorías que en mi bd les puse el nombre de linea
  40. <option>Seleccione una Opci&oacute;n...</option>
  41. <?php
  42. //Esta es la consulta
  43. $query=mysql_query("select distinct linea from catalogo order by linea asc");
  44. //Este es un arreglo que me sirve para recuperar la información de mi bd
  45. while ($fila=mysql_fetch_array($query)){
  46. ?>
  47. //En mi caso mi consulta toma un solo campo por esa razón esta repetido, pero si piensas trabajar con más de un campo te recomiendo colocar en el primero el id, en el value.
  48. <OPTION VALUE=<?php echo $fila['linea'].'>'.$fila['linea']?></OPTION> 
  49. <?php }
  50.     
  51. ?>
  52. </SELECT>
  53. </td>
  54.   </tr>
  55.   </table>
  56. </div>
  57. <br /><br />
  58. <div id="divShow" align="center"></div>
  59. </body>
  60. </html>