Question

I’m using the W3 Schools example: http://www.w3schools.com/PHP/php_ajax_database.asp to display a table of database data given the choice from a single select box. How can I modify this to include another select box, say for example I wanted records matching a name and an age?

Answer 1

Change

<select name="users" onchange="showUser()" id="name_select">

ADD age drop down from 1 to 100

<select name="age" onchange="showUser()" id="age_select">
  <option value="1">1</option>
  <option value="2">2</option>
                   |
  <option value="100">100</option>
</select>

Change

function showUser(str)
{
xmlhttp=GetXmlHttpObject();
if (xmlhttp==null)
  {
  alert ("Browser does not support HTTP Request");
  return;
  }
name= document.getElementByID('name_select').value
age= document.getElementByID('age_select').value
var url="getuser.php";
url=url+"?q="+str+"&age="+age;
url=url+"&sid="+Math.random();
xmlhttp.onreadystatechange=stateChanged;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}

change in php

$age=$_GET["age"];
$sql="SELECT * FROM user WHERE id = '".$q."' and age=".$age;