Como usar o AJAX para preencher a lista de estados, dependendo da lista de países?
Eu tenho o código abaixo que irá alterar uma lista suspensa de estado quando você alterar a lista de países.
Como posso alterar a lista de estados APENAS quando os números de ID do país 234 e 224 são selecionados?
Se outro país for selecionado, deve ser alterado para esta caixa de entrada de texto
<input type="text" name="othstate" value="" class="textBox">
A 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>
O 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>