-
July 14th, 2009, 06:18 AM
#1
Dynamic Drop down lists
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:
Code:
<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);
}
Last edited by PeejAvery; July 14th, 2009 at 06:34 AM.
Reason: Added code tags.
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules
|
Click Here to Expand Forum to Full Width
|