Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: 000luis en 30 Mayo 2013, 01:38 am



Título: Ayuda con Ajax
Publicado por: 000luis en 30 Mayo 2013, 01:38 am
Hola amigos de elhacker.net, quisiera que me ayuden con este formulario. Tengo este formulario:

<form name="frmbusqueda" action="" onsubmit="buscarDato(); return false">
  <div align="center"><b>Termino a buscar:</b>
    <input type="text" name="dato" />
   <input type="submit" value="Buscar">
   <input type="reset" value="Limpiar">
  </div>
 
  <div align="center"><b>Opciones de busqueda:</b>
  <input type="radio" name="op" value="id_equipo" checked><b>Codigo</b>
  <input type="radio" name="op" value="marca"><b>Marca</b>
  </div>
</form>

Este formulario lo envió a un Ajax. Pero el problema es que no puedo enviar el valor del radio en la siguiente función. Mi pregunta es cómo le agrego el radio en el Ajax para que también lo reciba en él .php porque el de la caja de texto si lo recibo.

function buscarDato(){
   resul = document.getElementById('resultado');   
   bus=document.frmbusqueda.dato.value;
   ajax=nuevoAjax();
   ajax.open("POST", "busqueda.php",true);
   ajax.onreadystatechange=function() {
      if (ajax.readyState==4) {
         resul.innerHTML = ajax.responseText
      }
   }
   ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
   ajax.send("dato="+bus)         
}


Título: Re: Ayuda con Ajax
Publicado por: EFEX en 30 Mayo 2013, 02:19 am
Código
  1. function buscarDato(){
  2. resul = document.getElementById('resultado');  
  3. bus=document.frmbusqueda.dato.value;
  4.  
  5.  
  6. /* Obtenemos los dos radios */
  7. var radios = document.getElementsByName('op');
  8. /* Pero debemos saber cual es el seleccionado */
  9. for (var i = 0, length = radios.length; i < length; i++) {
  10. if (radios[i].checked) {
  11. //alert(radios[i].value);
  12. op = radios[i].value;
  13. }
  14. }
  15.  
  16.  
  17. ajax=nuevoAjax();
  18. ajax.open("POST", "busqueda.php",true);
  19. ajax.onreadystatechange=function() {
  20. if (ajax.readyState==4) {
  21. //resul.innerHTML = ajax.responseText
  22. resul.innerHTML = ajax.responseText
  23. }
  24. }
  25. ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
  26.  
  27.                /* Agregamos el valor del radio seleccionado */
  28. ajax.send("dato="+bus+"&op="+op)        
  29. }
  30.  

Código
  1.  <input type="radio" name="op" value="id_equipo" checked="checked"><b>Codigo</b>
  2.  

Algo para leer  :)
http://stackoverflow.com/questions/9618504/get-radio-button-value-with-javascript


Título: Ayuda con Ajax
Publicado por: 000luis en 30 Mayo 2013, 17:52 pm
Gracias EFEX tu ayuda me funciono correctamente ya recibo los valores de los options correctamente.... :D