关于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: