Webmaster Forum / HTML, CSS, Scripts / JavaScript / June 2006

Full Java below:

var xmlHttp;

function createXMLHttpRequest() {
   if (window.ActiveXObject) {
       xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
   }
   else if (window.XMLHttpRequest) {
       xmlHttp = new XMLHttpRequest();
   }
}

function createQueryString() {
   var Brand = document.getElementById("Brand").value;

   var queryString = "brand=" + Brand;

   return queryString;
}

function doRequestUsingGET() {
   createXMLHttpRequest();

   var queryString = "response.php?";
   queryString = queryString + createQueryString() ;
   xmlHttp.onreadystatechange = handleStateChange;
   xmlHttp.open("Post", queryString, true);
   xmlHttp.send(null);
}

function handleStateChange() {
   if(xmlHttp.readyState == 4) {
       if(xmlHttp.status == 200) {
           document.getElementById("serverResponse").innerHTML =
xmlHttp.responseText;
       }
   }
}

function createQueryString2() {
   var Brand = document.getElementById("Brand").value;
   var Size = document.getElementById("size").value;

   var queryString = "brand=" + Brand + "&size=" + Size;

   return queryString;
}

function doRequestUsingGET2() {
   createXMLHttpRequest();

   var queryString = "listing.php?";
   queryString = queryString + createQueryString2() ;
   xmlHttp.onreadystatechange = handleStateChange2;
   xmlHttp.open("Post", queryString, true);
   xmlHttp.send(null);
}

function handleStateChange2() {
   if(xmlHttp.readyState == 4) {
       if(xmlHttp.status == 200) {
           document.getElementById("available").innerHTML =
xmlHttp.responseText;
       }
   }
}

The page result.php just builds a pull down list - '<select id="size"
onchange="doRequestUsingGET2();" name="size">

I need to grab the value of <select id="Brand"
onchange="doRequestUsingGET();" name="Brand" tabindex="1"> (working
well on all browsers) and the value of Size from the innerhtml call.

These 2 values are used in listing.php which builds a table of the
results.