Dynamic Drop down lists

[daved83]

Hi I'm completely new to AJAX and am trying to create a dropdown list where each field populates depending on the value entered in the previous one.

I am trying to test it initially with just one value. My PHP works fine on Submit but AJAX won't work for me.

The code is in an external .js file which I call along with the PHP and parameters from the main html.

I'm a complete novece so any help would be great!

Thanks

I used a fairly simple tutorial and based my code on that. Here it is:

<form action="process.php" method="post">
<table>
<td align="right">Language of interest:</td>
<td>
<select name="language" onChange="getCity('findcity.php?language='+this.value)">
<option value="none selected"> --- select --- </option>
<option value="French">French</option>
<option value="German">German</option>
<option value="Italian">Italian</option>
<option value="Spanish">Spanish</option>
<option value="Russian">Russian</option>
<tr>
<td align="right">Course Type</td>
<td>
<select name="course" >
<option value="none selected"> --- select --- </option>
<option value="Junior">Junior</option>
<option value="Other">Other</option>
</tr>
<tr>
<td align="right">School</td>
<td>
<select name="school">
<div id="citydiv">
 <option>Select School</option>
 </div>
</tr>

AJAX

function getCity(strURL)
    {
	var xmlhttp;
if (window.XMLHttpRequest)
  {
  // code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else if (window.ActiveXObject)
  {
  // code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
else
  {
  alert("Your browser does not support XMLHTTP!");
  }
}
     {
      req.onreadystatechange = function()
     {
      if (req.readyState == 4) { //data is retrieved from server
       if (req.status == 200) { // which represents ok status                    
         document.getElementById('citydiv').innerHTML=req.responseText;
      }
      else
      { 
         alert("There was a problem while using XMLHTTP:\n");
      }
      }            
      }        
    req.open("get", strURL, true); //open url using get method
    req.send(null);
     }

[PeejAvery]

http://www.codeguru.com/forum/showth...highlight=drop

[daved83]

Thanks