javascript - How to show results with AJAX -


i have problem ajax , database. don't know have do. so, have ajax code:

<script> function showcity(str) {     if (str == "") {         document.getelementbyid("txthint").innerhtml = "";         return;     } else {          if (window.xmlhttprequest) {             // code ie7+, firefox, chrome, opera, safari             xmlhttp = new xmlhttprequest();         } else {             // code ie6, ie5             xmlhttp = new activexobject("microsoft.xmlhttp");         }         xmlhttp.onreadystatechange = function() {             if (xmlhttp.readystate == 4 && xmlhttp.status == 200) {                 document.getelementbyid("txthint").innerhtml = xmlhttp.responsetext;             }         }         xmlhttp.open("get","rozpiski.php?q="+str,true);         xmlhttp.send();     } } </script> 

i want: when user select option, second select list shows value (after gets values database).

this code html:

<select name="country3" onchange="showcity(this.value)"> <option>anglia</option><option selected='selected'>austria</option><option>belgia</option><option>czechy</option><option>dania</option><option>estonia</option><option>finlandia</option><option>francja</option><option>holandia</option><option>islandia</option><option>lichtenstein</option><option>luxembourg</option><option>niemcy</option><option>norwegia</option><option>polska</option><option>szwajcaria</option><option>szwecja</option><option>słowacja</option><option>słowenia</option><option>wyspy owcze</option><option>węgry</option><option>włochy</option><option>Łotwa</option><option>anglia</option><option>austria</option><option>belgia</option><option>czechy</option><option>dania</option><option>estonia</option><option>finlandia</option><option>francja</option><option>holandia</option><option>islandia</option><option>lichtenstein</option><option>luxembourg</option><option>niemcy</option><option>norwegia</option><option>polska</option><option>szwajcaria</option><option>szwecja</option><option>słowacja</option><option>słowenia</option><option selected='selected'>wyspy owcze</option><option>węgry</option><option>włochy</option><option>Łotwa</option><option>anglia</option><option>austria</option><option>belgia</option><option>czechy</option><option>dania</option><option>estonia</option><option>finlandia</option><option>francja</option><option>holandia</option><option>islandia</option><option>lichtenstein</option><option>luxembourg</option><option>niemcy</option><option>norwegia</option><option>polska</option><option>szwajcaria</option><option>szwecja</option><option>słowacja</option><option>słowenia</option><option>wyspy owcze</option><option>węgry</option><option>włochy</option><option>Łotwa</option></select></td>                                  <td><select name="city" id="3"></select> 

when user in country3 select example polska, gets in 2nd select cities polska. cities in database. how it?

your html select-option tags should be:

<select name="country3" onchange="showcity(this.value)">     <option value="city">city</option> </select> 

Comments