洪泛菜单(php、javascript、ajax)有问题吗?

我的网站上有两个下拉菜单。 使用的技术有javascript、php、mysql。

City : [        ] 
Area : [        ]

TODO: 当用户选择城市时,我想查询城市中区域的数据库,并动态填充区域下拉菜单。

当用户选择区域时,我想再次查询数据库中属于该特定区域和城市的结果。

像这样的事情(一步一步)。

------------------------1
City:[Choose City]
------------------------2
City :[New York]
------------------------3
City :[New York] 
Area : [Choose Area]
------------------------4
City :[New York] 
Area : [Times Square]
    ------------------------4

10 Results Found for New York/Times Square:
1 . Result1 .
2 . Result2
...
..
.

以下是数据库架构:

CREATE DATABASE `db_results` ;

CREATE TABLE `tbl_results`(
    `result_id` INT NOT NULL AUTO_INCREMENT,
    `result_title` VARCHAR(20),
    `result_content` TEXT,
    `result_category` INT,
    `result_city` INT,
    `result_area` INT,
    PRIMARY KEY(`result_id`),
);


CREATE TABLE `tbl_area`(
    `area_id` INT NOT NULL AUTO_INCREMENT,
    `area_name` VARCHAR(50),
    `area_city` INT,
    PRIMARY KEY(`area_id`)
);

CREATE TABLE `tbl_cities`(
    `city_id` INT NOT NULL AUTO_INCREMENT,
    `city_name` VARCHAR(40),
    PRIMARY KEY(`city_id`)
);

我创建了一个脚本来动态地填充菜单,但是当我使用动态生成的菜单查询数据库时,它会给出错误,即“区域”是未定义的索引。

以下是指向文件的链接: FILES