我有包含国家和城市的数据库。
第一个案例 - 成功完成:
- 页面加载时,国家/地区列表将填充在下拉框中
- 页面加载时,城市列表将填充在下拉框中 - 填充的城市列表
基于默认国家/地区。
第二种情况 - 无法成功:
- 用户更改国家/地区
- 城市列表将根据所选国家/地区而变化
我知道我必须使用 jQuery/Ajax。我尝试过,但由于缺乏编程经验,我无法解决我的问题。我的列表是从数据库而不是 XML 中获取的。我只需要一个快速的解决方案,我需要保持简单和愚蠢。
我使用的是常规 PHP 编码风格,而不是面向对象的。
我该怎么做?任何相关资源将不胜感激。
$("#country").change(function(){
$('#city').find('option').remove().end(); //clear the city ddl
var country = $(this).find("option:selected").text();
alert(country);
//do the ajax call
$.ajax({
url:'getCity.php'
type:'GET',
data:{city:country},
dataType:'json',
cache:false,
success:function(data){
data=JSON.parse(data); //no need if dataType is set to json
var ddl = document.getElementById('city');
for(var c=0;c<obj.length;c++)
{
var option = document.createElement('option');
option.value = obj[c];
option.text = obj[c];
ddl.appendChild(option);
}
},
error:function(jxhr){
alert(jxhr.responseText);
}
});
});
在你的 getCity.php 中
$country = $_GET['city'];
//do the db query here
$query = "your query";
$result = mysql_query($query);
$temp = array();
while ($row = mysql_fetch_assoc($result)) {
if(empty($temp))
{
$temp=array($row['city']);
}
else
{
array_push($temp,$row['city']);
}
}
echo (json_encode($temp));
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)