Hi,

I have two drop down and on change of dropdown1 ,dropdown2 value changes.

I have solution for this using ajax and I am looking for JQuery solution.

Following is the example of Ajax drop down call.

Code:
<!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=utf-8" /> 
<title>Multiple Response in Ajax</title> 

<script> 
var xmlhttp; 

function getDetails() 
{ 
	  xmlhttp=GetXmlHttpObject(); 
	  if (xmlhttp==null) 
	  { 
		    alert ("Your browser does not support Ajax HTTP"); 
		    return; 
	  } 
	  var url="getDetails.php"; 
	  xmlhttp.onreadystatechange=getOutput; 
	  xmlhttp.open("GET",url,true); 
	  //xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
	  //xmlhttp.setRequestHeader("Content-Type", "text/html;charset=UTF-8"); 
	  xmlhttp.send(null); 
} 
function getOutput() 
{ 
	  if (xmlhttp.readyState==4) 
	  { 
		    alert(xmlhttp.responseText); 
		    //document.frmMultipleResponse.txtNo.value = xmlhttp.responseText; 
		    //document.frmMultipleResponse.txtName.value = xmlhttp.responseText; 
		    return; 
	  } 
} 
function GetXmlHttpObject() 
{ 
	  if (window.XMLHttpRequest) 
	  {  
	     return new XMLHttpRequest(); 
	  } 
	  if (window.ActiveXObject) 
	  { 
	    return new ActiveXObject("Microsoft.XMLHTTP"); 
	  } 
	  return null; 
}	
</script> 

</head> 
<body> 

<form action="" method="post" name="frmMultipleResponse"> 
<table width="100%" border="1"> 
  <tr> 
	  <td> </td> 
	  <td><input type="text" name="txtName" id="txtName" value="" /></td> 
  </tr> 
  <tr> 
	  <td> </td> 
	  <td><input type="text" name="txtNo" id="txtNo" value="" /></td> 
  </tr> 
  <tr> 
	  <td> </td> 
	  <td><a href="#" onclick="getDetails();">Get Details</a></td> 
  </tr> 
</table> 
</form>
Code:
<?php 

	  echo "Name"; 

?>
Any Idea?

-Thanks
Zohaib.