javascript之jquery多级联动下拉框

关于javascript之jquery多级联动下拉框，对于我们新手来说，

一：首先jquery1.7.2中文手册.chm是必不可少的，原因你懂的。

先熟悉熟悉

AJAX 请求发送前执行函数。Ajax 事件。

XMLHttpRequest 对象和设置作为参数传递给回调函数。（如果连原理就不太清楚或者压根不知道，是有点不好的）

二：熟悉了之后，再则

因为今天要说的是jquery，所以这个jquery-1.8.3.min.js也是必不可少的

注意：jquery库一个优秀的Javascript库，有压缩版和未压缩版。带min的是压缩版，用于实际的网站中，已被精简和压缩。不带min的是用于测试和开发（未压缩，是可读的代码）。

三：建库，网上好多都是不建库，直接在html里面写数据，但是正真上线的网站，多级联动下拉框里面的数据都是从数据库里面获取的。所以咱们建库

我做的是三级别联动，所以是三张库（其实只要会原理，几级联动都是可以搞定的）。

表1：

CREATE TABLE `one` (
  `id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '自增主键',
  `name` varchar(30) DEFAULT NULL COMMENT ‘一级目录的名称’,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=109 DEFAULT CHARSET=utf8 COMMENT ‘one’;

表2：

CREATE TABLE `two` (
  `id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '自增主键',
  `name` varchar(50) DEFAULT NULL COMMENT ‘二级目录的名称’,
  `p_id` int(11) DEFAULT NULL COMMENT ‘其父id（即一级目录的id）’,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=2690 DEFAULT CHARSET=utf8 COMMENT ‘two’;
表3：