Ver Mensaje Individual
  #4 (permalink)  
Antiguo 25/07/2012, 06:55
sgomez
 
Fecha de Ingreso: julio-2012
Ubicación: Girona
Mensajes: 63
Antigüedad: 11 años, 9 meses
Puntos: 10
Busqueda Respuesta: pasar valor de desplegable en html a php

Cita:
Iniciado por martin_sonia Ver Mensaje
Alguien me podia poner algun ejemplo o link donde buscar, estoy pez en AJAX


Gracias
Aquí te pongo un ejemplo, pero busca más información.

Tenemos varios archivos, uno hecho en javascript que ejecuta un código cuando se produce un evento determinado. (en tu caso, por ejemplo, cuando cambia la información del select)

Archivo javascript:
funciones.js
Código Javascript:
Ver original
  1. // JavaScript Document
  2. function nuevo_ajax()
  3. {
  4.     var xmlhttp=false;
  5.     try
  6.     {
  7.         xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
  8.     }
  9.     catch (e)
  10.     {
  11.         try
  12.         {
  13.             xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  14.         }
  15.         catch (E)
  16.         {
  17.             xmlhttp = false;
  18.         }
  19.     }
  20.    
  21.     if (!xmlhttp && typeof XMLHttpRequest!='undefined')
  22.     {
  23.         xmlhttp = new XMLHttpRequest();
  24.     }
  25.     return xmlhttp;
  26. }
  27.  
  28. function buscar_datos()
  29. {
  30.     var id, contenedor;
  31.     contenedor = document.getElementById('resultado');
  32.        
  33.     id = document.getElementById('despliega').value;
  34.     ajax=nuevo_ajax();
  35.     ajax.open("GET", "fichero.php?id="+id,true);
  36.     ajax.onreadystatechange=function()
  37.     {
  38.         if (ajax.readyState==4)
  39.         {
  40.              contenedor.innerHTML = ajax.responseText;
  41.         }
  42.         ajax.send (null)
  43.     }
  44.     else
  45.     {
  46.         contenedor.innerHTML="";
  47.     }
  48. }

fichero.html
Tu código modificado:
Código HTML:
Ver original
  1. <form >
  2.  <label>Seleccione una oferta a consultar</label>
  3.  <select name="despliega" id="despliega" onchange="javascript:buscar_datos();" >
  4.  
  5. <option selected> selecciona consulta
  6.  <option value="ARE01">ARE01
  7.  <option value="ARE01">ARE01
  8.  <option value="ARE01">ARE01
  9.  </select>
  10.  </form>
  11. <div id="resultado">
  12. </div>

un tercer fichero en php que te genere la consulta (que es el que llamas desde ajax)
fichero.php
Código PHP:
Ver original
  1. include 'fichero_con_datos_conexion.php';
  2. $id=$_GET['id'];
  3. $sql = "SELECT jos_vm_orders.*, jos_vm_order_item.*, jos_vm_order_user_info.last_name, jos_vm_order_user_info.first_name, jos_vm_order_user_info.user_email, jos_vm_order_item.user_info_id, jos_vm_product.caducidad FROM jos_vm_order_user_info, jos_vm_product, jos_vm_orders, jos_vm_order_item WHERE jos_vm_order_user_info.user_id = jos_vm_orders.user_id AND jos_vm_order_item.user_info_id = jos_vm_orders.user_info_id AND jos_vm_order_item.order_item_sku=".$id;
  4.  
  5. $query=mysql_query($sql,$id_conexion);
  6. $datos='<table>';
  7. while($fila=mysql_fetch_array($query))
  8. {
  9.      //datos a tratar
  10.      $datos.='<tr><td>'.$fila['last_name'].'</td></tr>';
  11. }
  12. $datos.='</table>';
  13. echo $datos;

todo esto es una pincelada, te recomiendo que te busques un buen manual.

Saludos.