我对下面的问题有点困惑。
在我目前的基于网络的应用程序中，我有两个下拉列表。
<select name="country">
<option value="">All</option>
<option value="">India</option>
<option value="">China</option>
</select>
和
<select name="state">
<option value="">All</option>
<option value="">state1</option>
<option value="">state2</option>
</select>
现在我需要做的是，当我从国家中选择印度时，第二个下拉列表应该显示所有印度国家，当我选择中国时，第二个下拉列表应该显示所有中国国家。
我为国家和州使用了两个表，其中包含以下字段
带列的表国家：country_id、country_name
带有coulmn的表state:state\u id、country\u id、state\u name
我正在状态表中存储基于国家/地区id的状态名称。
请推荐我。
<td>Country</td>
<td>
<select id="country" onChange="getState(this.value)" name="country">
<option value="">All</option>
<option value="1">India</option>
<option value="2">China</option>
</select>
</td>
function getState(str){
if(str=='All'){
document.getElementById("state").innerHTML="";
}else{
document.getElementById("state").innerHTML="<img src='<?php echo $serverimage?>ajax-loader.gif' />";
if(window.XMLHttpRequest){
xmlhttp=new XMLHttpRequest();
}
else
{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if(xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("state").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","state.php?countryid="+str,true);
xmlhttp.send();
}//ELSE ENDS
}//FUNCTION ENDS
//国家。php
<?php
$country=$_GET["country"];
/*
code to fetch all states from database with $country and fetch in variable $states
Fetch records based on value passed in country dropw down. ie id or countryname
*/
echo '<select name="state" id="state">';
foreach($states as $state)
echo '<option value="'.$state.'">'.$state.'</option>';
echo '<option value="Other">Other</option>';
echo '</select>';
exit;
?>
我没有测试过这段代码，所以可能会有一些愚蠢的错误，所以要小心。
请使用以下帖子尝试此操作：
链式Ajax选择jQuery
