Ayuda con Ajax

Iniciado por 000luis, 30 Mayo 2013, 01:38 AM

0 Miembros y 1 Visitante están viendo este tema.

000luis

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)         
}

EFEX

Código (javascript) [Seleccionar]

function buscarDato(){
resul = document.getElementById('resultado');  
bus=document.frmbusqueda.dato.value;


/* Obtenemos los dos radios */
var radios = document.getElementsByName('op');
/* Pero debemos saber cual es el seleccionado */
for (var i = 0, length = radios.length; i < length; i++) {
if (radios[i].checked) {
//alert(radios[i].value);
op = radios[i].value;
}
}


ajax=nuevoAjax();
ajax.open("POST", "busqueda.php",true);
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
//resul.innerHTML = ajax.responseText
resul.innerHTML = ajax.responseText
}
}
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

               /* Agregamos el valor del radio seleccionado */
ajax.send("dato="+bus+"&op="+op)        
}


Código (html4strict) [Seleccionar]

 <input type="radio" name="op" value="id_equipo" checked="checked"><b>Codigo</b>


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

000luis

Gracias EFEX tu ayuda me funciono correctamente ya recibo los valores de los options correctamente.... :D