Modify type text for radio for ajax query

Asked

Viewed 22 times

1

The code that I have is this, but instead of type="text" I want it to be radio type, and when I select a radio of the value example "A" list me the data that has A, why with type="text" I have to type.

Index.php

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script>

//função para pegar o objeto ajax do navegador
function xmlhttp()
{
    // XMLHttpRequest para firefox e outros navegadores
    if (window.XMLHttpRequest)
    {
        return new XMLHttpRequest();
    }

    // ActiveXObject para navegadores microsoft
    var versao = ['Microsoft.XMLHttp', 'Msxml2.XMLHttp', 'Msxml2.XMLHttp.6.0', 'Msxml2.XMLHttp.5.0', 'Msxml2.XMLHttp.4.0', 'Msxml2.XMLHttp.3.0','Msxml2.DOMDocument.3.0'];
    for (var i = 0; i < versao.length; i++)
    {
        try
        {
            return new ActiveXObject(versao[i]);
        }
        catch(e)
        {
            alert("Seu navegador não possui recursos para o uso do AJAX!");
        }
    } // fecha for
    return null;
} // fecha função xmlhttp

//função para fazer a requisição da página que efetuará a consulta no DB
function carregar()
{
   a = document.getElementById('busca').value;
   ajax = xmlhttp();
   if (ajax)
   {
       ajax.open('get','busca.php?busca='+a, true);
       ajax.onreadystatechange = trazconteudo; 
       ajax.send(null);
   }
}

//função para incluir o conteúdo na pagina
function trazconteudo()
{
    if (ajax.readyState==4)
    {
        if (ajax.status==200)
        {
            document.getElementById('resultados').innerHTML = ajax.responseText;
        }
    }
}

</script>
</head>

<body>
<form id="form1" action="" method="post">
    Busca:  <input type="text" name="busca" id="busca" value="" onkeyUp="carregar()"/>
</form>
<p> </p>
Resultado da busca:
<div id="resultados" style="border:1px solid #CCCCCC; width:200px;">

</div>
</body>
</html>

php search.

<?php
    @mysql_connect("localhost","root","");
    mysql_select_db("projeto");

    $busca = $_GET['busca'];

    if($busca != "") {
        $sql = "SELECT * FROM categorias WHERE nome_categoria LIKE '%$busca%' ORDER BY nome_categoria ASC ";
        $query = mysql_query($sql);

        //variavel para zebrar as linhas
        $cont = 0;
        while($row = mysql_fetch_object($query)) {
            //faz a diferenciação das cores para as linhas dos resultados
            if($cont %2 ==0) {
                $cor = "#EDEDED";
            } else {
                $cor = "#FFFFFF";
            }
            echo "<div style='background:$cor'>";
            echo $row->id. " - ";
            echo $row->nome_categoria."<br>";
            echo "</div>";
            $cont ++;
        }
    }
?>
php ajax

  • I didn’t understand it very well. What error/doubt do you have?

  • How do I modify type="text" to type="radio" and set a value for radio.

  • You can just change the type of input from text for radio. In order for them to function correctly, you must set the attribute name with an equal value for the group of radio that you want.

  • <input type="radio" name="search" id="search" value="a" onkeyUp="load()"/> <input type="radio" name="search" id="search" value="b" onkeyUp="load()"/> So it doesn’t take.

No answers

Browser other questions tagged php ajax

You are not signed in. Login or sign up in order to post.