Que tal, buenos días,pues aquí con la siguiente duda;
tengo dos tablas las cuales las relaciono por su id ,las tablas son las siguientes;

tabla area
id_area  |  nom_area
1              AREA_A
2              AREA_B
3              AREA_C

tabla departamentos
id_departamento    |    no_departamento     |   area_dependiente
1                                A-1                                    1
2                                A-2                                    1
3                                B-1                                    2
4                                B-2                                    2
5                                B-3                                    2
6                                C-1                                    3
7                                C-2                                    3
8                                C-3                                    3
9                                C-4                                    3

tengo un select para seleccionar un area dela tabla area y lo que necesito es hacer que al seleccionar AREA_A en el segundo select solo aparezcan los departamentos A-1,A-2 Y A-3 O AL SELECCIONAR AREA_B aparezcan en elsegundo selectlos departamentos correspondientes a esa area, para que los departamentos dependan a cierta área se identifican por medio del campo area_dependiente de la tabla departamentos.  lo quisiera lograr con solo javascript y no utilizar jquery ya que apenas conozco lo básico de javascript, espero alguien pueda ayudarme , saludos y gracias!!!

Usa un join.

SELECT * FROM tAreas
INNER JOIN tDepartamentos ON tAreas.id_area  = tDepartamentos.area_dependiente
WHERE tAreas.id_area = 2;