日期:2014-05-16  浏览次数:20597 次

ajax巧妙实现省、市、县的三级联动

二级联动和三级联动的效果在web上很常见,在网上查了半天资料,写的都不是很清楚,无奈,自己写了个,使用php+ajax实现三级联动,以最常见的省市县三级联动为例!

案例涉及到数据库,数据库设计如下:

首先创建一个test数据库,内容如下:

CREATE TABLE IF NOT EXISTS `province` (

  `province_id` int(2) NOT NULL AUTO_INCREMENT,

  `province_name` varchar(20) NOT NULL,

  PRIMARY KEY (`province_id`)

) ENGINE=InnoDB  DEFAULT CHARSET=utf8 AUTO_INCREMENT=3 ;

 

INSERT INTO `province` (`province_id`, `province_name`) VALUES

(1, '安徽'),

(2, '浙江');

 

CREATE TABLE IF NOT EXISTS `city` (

  `city_id` int(4) NOT NULL AUTO_INCREMENT,

  `city_name` varchar(20) NOT NULL,

  `province_id` int(4) NOT NULL,

  PRIMARY KEY (`city_id`)

) ENGINE=InnoDB  DEFAULT CHARSET=utf8 AUTO_INCREMENT=5 ;

 

INSERT INTO `city` (`city_id`, `city_name`, `province_id`) VALUES

(1, '合肥', 1),