var xmlHttp;
var rootpath;

rootpath = "http://www.careresourceslocator.com/_cmx/cmx_directory/";   // be sure to change this to your URL

function getCities(obj)
{
    var stateid = obj.options[obj.selectedIndex].value;
    //alert(stateid);
    var url=rootpath + "GetCityAjax.asp?stateid=" + stateid   
    //alert("nit"); 
    xmlHttp=GetXmlHttpObject(stateChanged)
    xmlHttp.open("GET", url , true)
    xmlHttp.send(null)    
}

function stateChanged()
{
    if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
    {       
        select_innerHTML(document.getElementById('cmbCity'),xmlHttp.responseText)
      
    }
}

function GetXmlHttpObject(handler)
{
    var objXmlHttp=null

    if (navigator.userAgent.indexOf("Opera")>=0)
    {
        alert("Opera not supported...")
        return;
    }
    if (navigator.userAgent.indexOf("MSIE")>=0)
    {
        var strName="Msxml2.XMLHTTP"
        if (navigator.appVersion.indexOf("MSIE 5.5")>=0)
        {
            strName="Microsoft.XMLHTTP"
        }
        try
        {
            objXmlHttp=new ActiveXObject(strName)
            objXmlHttp.onreadystatechange=handler
            return objXmlHttp
        }
        catch(e)
        {
            alert("Error. Scripting for ActiveX might be disabled")
            return
        }
    }
    if (navigator.userAgent.indexOf("Mozilla")>=0)
    {
        objXmlHttp=new XMLHttpRequest()
        objXmlHttp.onload=handler
        objXmlHttp.onerror=handler
        return objXmlHttp
    }
} 


function select_innerHTML(objeto,innerHTML){

    objeto.innerHTML = ""
    var selTemp = document.createElement("micoxselect")
    var opt;
    selTemp.id="micoxselect1"
    document.body.appendChild(selTemp)
    selTemp = document.getElementById("micoxselect1")
    selTemp.style.display="none"
    if(innerHTML.toLowerCase().indexOf('<option')<0)
    {
        innerHTML = "<option>" + innerHTML + "</option>"
    }
    innerHTML = innerHTML.toLowerCase().replace(/<option/g,"<span").replace(/<\/option/g,"</span")
    selTemp.innerHTML = innerHTML
      
    
    for(var i=0;i<selTemp.childNodes.length;i++){
  var spantemp = selTemp.childNodes[i];
  
        if(spantemp.tagName){     
            opt = document.createElement("OPTION")
    
   if(document.all){ //IE
    objeto.add(opt)
   }else{
    objeto.appendChild(opt)
   }       
    
   //getting attributes
   for(var j=0; j<spantemp.attributes.length ; j++){
    var attrName = spantemp.attributes[j].nodeName;
    var attrVal = spantemp.attributes[j].nodeValue;
    if(attrVal){
     try{
      opt.setAttribute(attrName,attrVal);
      opt.setAttributeNode(spantemp.attributes[j].cloneNode(true));
     }catch(e){}
    }
   }
   //getting styles
   if(spantemp.style){
    for(var y in spantemp.style){
     try{opt.style[y] = spantemp.style[y];}catch(e){}
    }
   }
   //value and text
   opt.value = spantemp.getAttribute("value")
   opt.text = spantemp.innerHTML
   //IE
   opt.selected = spantemp.getAttribute('selected');
   opt.className = spantemp.className;
  } 
 }    
 document.body.removeChild(selTemp)
 selTemp = null
}


code='<div> <a name=\'Top\'></a> <table width=\'90%\' border=0 cellspacing=0 cellpadding=0>  <tr>  <tr><td > <span>Select State :</span> </td><td > <select name=\'state\' onchange=\'javacsript:getCities(this);\' >  <OPTION VALUE=60>Alabama</OPTION> <OPTION VALUE=61>Alaska</OPTION> <OPTION VALUE=62>Arizona</OPTION> <OPTION VALUE=63>Arkansas</OPTION> <OPTION VALUE=106>California</OPTION> <OPTION VALUE=27>Colorado</OPTION> <OPTION VALUE=64>Connecticut</OPTION> <OPTION VALUE=66>Delaware</OPTION> <OPTION VALUE=65>District of Columbia</OPTION> <OPTION VALUE=67>Florida</OPTION> <OPTION VALUE=48>Georgia</OPTION> <OPTION VALUE=46>Hawaii and Outlying Islands US</OPTION> <OPTION VALUE=59>Idaho</OPTION> <OPTION VALUE=58>Illinois</OPTION> <OPTION VALUE=68>Indiana</OPTION> <OPTION VALUE=69>Iowa</OPTION> <OPTION VALUE=70>Kansas</OPTION> <OPTION VALUE=71>Kentucky</OPTION> <OPTION VALUE=72>Louisiana</OPTION> <OPTION VALUE=73>Maine</OPTION> <OPTION VALUE=74>Maryland</OPTION> <OPTION VALUE=75>Massachusetts</OPTION> <OPTION VALUE=76>Michigan</OPTION> <OPTION VALUE=77>Minnesota</OPTION> <OPTION VALUE=78>Mississippi</OPTION> <OPTION VALUE=79>Missouri</OPTION> <OPTION VALUE=80>Montana</OPTION> <OPTION VALUE=81>Nebraska</OPTION> <OPTION VALUE=82>Nevada</OPTION> <OPTION VALUE=83>New Hampshire</OPTION> <OPTION VALUE=84>New Jersey</OPTION> <OPTION VALUE=85>New Mexico</OPTION> <OPTION VALUE=86>New York</OPTION> <OPTION VALUE=87>North Carolina</OPTION> <OPTION VALUE=88>Ohio</OPTION> <OPTION VALUE=89>Oklahoma</OPTION> <OPTION VALUE=90>Oregon</OPTION> <OPTION VALUE=91>Pennsylvania</OPTION> <OPTION VALUE=92>Rhode Island</OPTION> <OPTION VALUE=93>South Carolina</OPTION> <OPTION VALUE=95>South Dakota</OPTION> <OPTION VALUE=96>Tennessee</OPTION> <OPTION VALUE=94>Texas</OPTION> <OPTION VALUE=97>Utah</OPTION> <OPTION VALUE=101>Vermont</OPTION> <OPTION VALUE=98>Virginia</OPTION> <OPTION VALUE=99>Washington</OPTION> <OPTION VALUE=100>West Virginia</OPTION> <OPTION VALUE=102>Wisconsin</OPTION> <OPTION VALUE=103>Wyoming</OPTION> </select> </td> </tr> <tr height=\'10px\'></tr>  <tr><td > <span>Select City :</span> </td><td > <select name=\'cmbCity\' id=\'cmbCity\' >  </select> </td>  </tr><tr height=\'10px\'></tr> <tr> <td colspan=\'2\' align=\'right\'> <input type=\'submit\' value=\'Search\' > </td> </tr> </table></div> </form>'