省份,城市,地区------三级联动菜单

模板部分代码:

<form method=‘post‘ action=‘‘ id=‘myform‘ name=‘myform‘>

<dl><dt>地址</dt>

<dd>

<select name=‘prov‘ id=‘prov‘>

<option value=‘‘>省份</option>

<?php $prov=M(‘‘)->where($where)->order(‘order‘)->select();?>

<?php foreach($prov as $k){?>

<option value=‘<?php echo $k["id"];?>‘><?php echo $k[‘name‘];?></option>

<?php }?>

</select>

<select name=‘city‘ id=‘city‘>

<option value=‘‘>城市</option>

</select>

<select name=‘zone‘ id=‘zone‘>

<option value=‘‘>区域</option>

</select>

</dd>

</dl>

</form>

<script>

$(‘#prov‘).on(‘change‘,function(){

if($(this).val()==‘‘)

$(‘#city‘).empty();

else {

var prov=$(this).val();

$.get(‘/index.php/moduel/controller/getcity?prov=‘+prov,function(data){

var s=‘‘;

$.each(data,function(i,n){

s+=‘<option value="‘+n.id+‘">‘+n.name+‘</option>‘;

});

$(‘#city‘).html(s);

$(‘#city‘).trigger(‘change‘);

});

}

});

$(‘#city‘).on(‘change‘,function(){

if($(this).val()==‘‘)

$(‘#zone‘).empty();

else {

var city=$(this).val();

$.get(‘/index.php/moduel/controller/getzone?city=‘+city,function(data){

var s=‘‘;

$.each(data,function(i,n){

s+=‘<option value="‘+n.id+‘">‘+n.name+‘</option>‘;

});

$(‘#zone‘).html(s);

});

}

});

</script>

控制器部分代码:

<?php

namespace app\moduel\controller;

class Controller extends controller

{

public function getcity()

{

$prov=$_GET[‘prov‘];

$where=;

if($prov==2||$prov==3||$prov==4||$prov==5)
                    $where=array(‘linkageid‘=>$prov,‘keyid‘=>1,‘city‘=>1);

$data=;

return $data;

}

public function getzone()

{

$city=$_GET[‘city‘];

$where=;

$data=;

return $data;

}

}

?>

时间: 2024-09-28 01:03:29

省份,城市,地区------三级联动菜单的相关文章

中国地区三级联动菜单(纯js制作)

第一步:在网页中写入如下代码: <!DOCTYPE html> <!--次行代表使用的是html5,如果不支持请换成html4--> <html> <head> <title>三级联动菜单</title><br> <script src="style/jsAddress.js"></script> <!--需要和js文件在同一目录下--> </head>

转: javascript实现全国城市三级联动菜单代码

<html> <head> <title>js全国城市三级联动菜单代码_B5教程网</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <script LANGUAGE="JavaScript"> function Dsy() { this.Items = {}; } Dsy

地区三级联动--省份province

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>地区三级联动</title> <script src="./jquery.js"></script> </head> <body> <h2>地区三级联动</h2> 省

JS省市县三级联动菜单

<html> <head> <title>JS省市县三级联动菜单丨潜水曝气机</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style> body,select { font-size:9pt; font-family:Verdana; } a { color:red; text-dec

收藏的js实现全国省份城市级联下拉菜单

在写程序的时候,经常需要用到全国省份城市级联下拉菜单的js代码. 这样的程序,没有必要完全自己去写,太费时间. 下面是我收藏的一个优质代码,非常不错,分享给大家. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http

task 1:完成省城市的三级联动(包括湖南省),附代码和效果图。

<!DOCTYPE html> <html> <head> <title>完成省城市的三级联动(包括湖南省),附代码和效果图.</title> </head> <body> <select id="province"> <option value="-1">请选择</option> </select> <select id=&qu

省份地区三级联动的简单实现

在此直接导入代码,详细内容代码中有注释,相应需要引入的文件大家可以自己到相应网站下载: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!--省份--> <select id="province" name="provinc

【js与jquery】三级联动菜单的制作

1.效果如图所示: 2.html代码: [php] view plaincopy <li><span class="receiving">所在地区:</span> <span id="addr_select"> <select id='province_select' name='province'></select> <span id="city_select_poss&quo

省市区三级联动菜单(附数据库)

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-------------------------------------------------------------- --省的字段是:province --市的字段是:city --县的字段是:area ----------------------