根据选择下拉框选择省份动态显示城市

这篇博客介绍了一个功能实现:当用户在下拉框中选择省份时,通过JavaScript和Ajax动态地从服务器获取并显示对应城市的下拉选项。通过监听省份选择的改变事件,调用Ajax请求获取城市数据,并更新城市选择框的内容。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

//ajax获取城市
public function ajaxfindcity(){
$province =intval($_GET['province']);


$citylist = $GLOBALS['db']->getAll(" select * from ".DB_PREFIX."area where parent_id=$province");

$str = "<option value=0 selected='selected'>=请选择=</option>\r\n";
foreach($citylist as $key=>$value){
if($key==0){
$str.="<option value=".$value['area_id']." >".$value['name']."</option>\r\n";
}else {
$str.="<option value=".$value['area_id'].">".$value['name']."</option>\r\n";
}
}

if($str){
ajax_return($str);
}else {
$str = "<option value='0'>无城市</option>\r\n";
ajax_return($str);
}


}


<tr>
<td>
<label  class="control-label x90">籍贯:</label>
<select name="m_province_id" id="m_province_id"   >
<option>=请选择=</option>
<volist name="m_province" id="vo">
<option value="$vo.id">{$vo.name}</option>
</volist>
</select>&nbsp;

<select name="m_city_id"  id="m_city_id"   >
<option>=请选择=</option>
</select>&nbsp;

</td>
</tr>

<script type="text/javascript">
$("#m_province_id").change(function(){
var pid=$(this).val();
$.get("__MODULE__/UserM/get_city/pid/"+pid,function(obj){
$("#m_city_id").empty();
$("#m_city_id").append(obj.message);
//alert(obj.message);
},'json')
});


</script>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值