Как создать взаимозависимые выпадающие списки?

Question

[zlodiak]

Я при помощи библиотеки alpaca создал форму, которая состоит из двух полей типа select. Хотелось бы чтобы второй селект заполнялся вариантами, которые зависят о того, что пользователь выбрал в первом селекте.

LIVE DEMO here

Например, пользователь в первом селекте выбрал значение 'forest'. Значит во второй селект подгрузились варианты

a: 1,
a: 11

Или пользователь выбрал в первом селекте значение 'lake'. Значит во второй селект подгрузились значения

a: 1111,
a: 11111

Использовать alpaca обязательно.

Comments

[t800zippygod]

Не знаю как это реализовано в alpaca. Но могу сказать как это делается на чистом JS, может поможет.
Создается объект с ключами, каждый ключ соответсвует value первого select-а. Ключ хранит в себе массив с value для второго select-а.
На первый селект вешается событие 'chenge', когда оно срабатывает - находится option с аттрибутом selected. Берется его value и по нему забираются данные из объекта - то есть массив с value. Затем во второй селект подставляются value из этого массива.
Как-то так. В библиотеке, я думаю, подобная реализация