Jak używać AJAX do wypełnienia listy stanów w zależności od listy krajów?
Mam poniższy kod, który zmieni listę rozwijaną stanu po zmianie listy krajów.
Jak mogę zmienić listę stanów TYLKO, gdy wybrano numer identyfikacyjny kraju 234 i 224?
Jeśli wybrano inny kraj, powinien zostać zmieniony na to pole wprowadzania tekstu
<input type="text" name="othstate" value="" class="textBox">
Forma
<form method="post" name="form1">
<select style="background-color: #ffffa0" name="country" onchange="getState(this.value)">
<option>Select Country</option>
<option value="223">USA</option>
<option value="224">Canada</option>
<option value="225">England</option>
<option value="226">Ireland</option>
</select>
<select style="background-color: #ffffa0" name="state">
<option>Select Country First</option>
</select>
Javascript
<script>
function getState(countryId)
{
var strURL="findState.php?country="+countryId;
var req = getXMLHTTP();
if (req)
{
req.onreadystatechange = function()
{
if (req.readyState == 4)
{
// only if "OK"
if (req.status == 200)
{
document.getElementById('statediv').innerHTML=req.responseText;
} else {
alert("There was a problem while using XMLHTTP:\n" + req.statusText);
}
}
}
req.open("GET", strURL, true);
req.send(null);
}
}
</script>