Динамически подгружаемые select'ы
 

Здравствуйте. У меня стоит задача сделать на странице динамически подгружаемые сеелекты. То есть сначал активен один селект в зависимости от выбора активируется второй и подгружает список привязанный к первому, третий активируется и тд.
В сети нашел множество примеров как сделать подобное с запросами в базу, но сама структура для разбора у меня подгружается в шаблонизатор в виде питоновской структуры вида: {фрукты: фрукт | африканский | сладкий : [банан, финик]} и тд. Структуру "фрукт | африканский | сладкий" как раз и надо разбить на селекты.
Возможно есть готовый плагин для jquery или что-то подобное, не знаю с чего начать, к сожалению на глубокое осваение js сейчас нет времени.

начните например с этого

var ar="фрукт | африканский | сладкий".split('|');
for (var i in ar){
    alert('<'+ar[i].replace(/^\s+|\s+$/g,'')+'>');
}