Comboboxen vanuit database

Door jeffrey boud op 25-08-2010 13:35 gewijzigd op 25-08-2010 13:52

2.159 views

Beste helpers.

Ik heb deze scripts gemaakt maar ik mis hier iets bij. Ik wil graag de informatie opvragen vanuit een database in plaats vanuit de de option value. Ik heb geen idee, waar ik precies moet beginnen in ajax om dit voor elkaar te krijgen. Als iemand me op weg kan helpen ben ik diegene meer dan dankbaar

File1.php


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>Untitled Document</title>
<script language="javascript">
var xmlHttp

function showLanden(str)
{
xmlHttp=GetXmlHttpObject();
if (xmlHttp==null)
  {
  alert ("Your browser does not support AJAX!");
  return;
  }

var url="file2.php";
url=url+"?q="+str;



xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}

function stateChanged()
{
if (xmlHttp.readyState==4)
{
document.getElementById("txtHint").innerHTML=xmlHttp.responseText;

}
}

function GetXmlHttpObject()
{
var xmlHttp=null;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
return xmlHttp;
}
</script>

</head>

<body>


<form action="" method="get" enctype="multipart/form-data" name="frmAjax" id="frmAjax">

<table width="100" border="1">
  <tr>
    <td>Provincie</td>
    <td>
	<select name="country" id="country" onchange="showLanden(this.value)">
	 <option value="1">Flevoland</option>
	 <option value="2">Noord holland</option>
         </select>
	
	</td>
  </tr>
  <tr>
    <td>Stad</td>
    <td><p><div id="txtHint">
	<select name="state" id="state" style="width:110px; ">
				 <option value="0">Select</option>
      </select>
	</div>
</p></td>
  </tr>
</table>

</form>

</body>
</html>

File2.php


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>Untitled Document</title>
</head>
<body>

<form action="" method="post" enctype="multipart/form-data">
<table width="100" border="1">
  <tr>
    <td>
	<select name="state" id="state">
				 <?php if($_REQUEST['q']=="1") {  ?>
				 <option  value="" >Almere</option>
				 <?php } ?>
                  <?php if($_REQUEST['q']=="1") {  ?>
				 <option  value="" >Lelystad</option>
				 <?php } ?>
				 <?php if($_REQUEST['q']=="2") {  ?>
				 <option  value="">Amsterdam</option>
				 <?php } ?>
                 <?php if($_REQUEST['q']=="2") {  ?>
				 <option  value="">Den Helder</option>
				 <?php } ?>
      </select>
	  </td>
  </tr>
</table>
</form>

</body>
</html>