what am i doing wrong? i want to populate the country list according to the category i want to switch in case CategoryID=1 and CatID2=2 in the country_list table
then call on "alpha" to populate the dropdown list via ajax the form: Code: <!-- The following file was created by Iwo Kadziela at TECHROAM: http://www.techroam.com This file uses MySql database and AJAX to create autopopulating dynamic select boxes.
function getfirst(dd1) { clearSelect = document.getElementById('thirdbox'); clearSelect.options.length = 1; //above code clears the third select box when re-clicking the first select box
var idx = dd1.selectedIndex; var first = dd1[idx].value; var par = document.forms["theform"]; var parelmts = par.elements; var prezsel = parelmts["secondbox"]; if (first != "Select Something One") { Http.get({ url: "./alpha.php?alpha=" + first + "%", callback: fillPrez, cache: Http.Cache.Get }, [prezsel]); } }
function getsecond(dd1) { var idx = dd1.selectedIndex; var second = dd1[idx].text; var par = document.forms["theform"]; var parelmts = par.elements; var prezsel = parelmts["thirdbox"]; if (second != "Select Something Two") { Http.get({ url: "./beta.php?state=" + second, callback: fillPrez, cache: Http.Cache.Get }, [prezsel]); } }
function fillPrez(xmlreply, prezelmt) { if (xmlreply.status == Http.Status.OK) { var prezresponse = xmlreply.responseText; var prezar = prezresponse.split("|"); prezelmt.length = 1; prezelmt.length = prezar.length; for (o=1; o < prezar.length; o++) { prezelmt[o].text = prezar[o]; prezelmt[o].value = prezar[o]; } } else { alert("Cannot handle the AJAX call."); } }
function getthird(dd1,dd2) { var idx = dd1.selectedIndex; var third = dd1[idx].text; if (third != "Select The Final") { Http.get({ url: "./final.php?state=" + dd2 + "&city=" + third, callback: getit, cache: Http.Cache.Get }); } }
function getit(xmlreply){ if (xmlreply.status == Http.Status.OK) { document.getElementById("final").innerHTML= xmlreply.responseText; } else { alert("Cannot handle the AJAX call."); } } </script> <style> body { width:800px; margin: 0px auto; text-align:center; } p {display:inline;margin:20px;} div {clear:both;width:800px;border:1px solid #999;padding:20px;margin:20px 0px 20px 0px;} </style> </head>
alpha.php Code: </php $dbconnection = mysql_connect ("localhost", "root", "") or die ('I cannot connect to the database because: ' . mysql_error()); mysql_select_db ("international", $dbconnection) or die("Couldn't open database: ".mysql_error()); $alpha=$_GET['alpha']; switch ($alpha) { case 1: $result = mysql_query("SELECT CountryName from country_list WHERE CategoryID = '".$_GET['alpha']."'"); break; case 2: $result = mysql_query("SELECT CountryName from country_list WHERE CatID2 = '".$_GET['alpha']."'"); break;
while ($row = mysql_fetch_array($result)) { echo "|" . $row['CountryName']; }