Последовательный выбор в селект боксах
Так... как бы объяснить :write:
HTML-форма, нужно выбрать поле "каталог" это 3-хуровневое дерево из базы могу выгрузить в виде: 1, 'Arts', '/arts/' 2, 'Animation','/arts/animation/' 3, 'Anime', '/arts/animation/anime/' 3, 'Artists', '/arts/animation/artists/' 1, 'Business', '/business/' 2, 'Accounting', '/business/accounting/' 3, 'Associations', '/business/accounting/associations/' 3, 'Business-to-Business', '/business/accounting/business-to-business/' ... первое это уровень ветки в дереве их всего 3. 1- это каталог, 2 - подкаталог, 3 - подкаталог подкаталога. Второе название ветки. Третье URI. ![]() Хочу 3 селект бокса (cat1,cat2,cat3), где первый бокс начальный. Осуществляется последовательный выбор ветки. То есть в боксы загружены ветки от 1 до 3-его в соответствии с их уровнем, в первый бокс записи с уровнем "1", второй бокс "2", третий бокс с уровнем "3". В зависимости от выбора работает фильтр который оставляет только дочерние ветки. При выборе в селект боксе ветка загружается заново и "фильтруется". Тут видимо фильтр должен быть в регекс (sort()). Моя не очень хорошо понимать JS, шуть шуть знаю JQuery. Подозреваю, что дерево предварительно должно быть загружено с помощью JSON или GET в массив. Записей немного, тысяч 7. А может этот велек есть уже, но найти не смог. Может кто знает? |
Art!P,
поиск по "зависимые селекты" |
Цитата:
Если выгружать так уже вот так
var obj=[
{
name: 'Arts',
dir: '/arts/',
child: [
{
name: 'Animation',
dir: '/arts/animation/',
child: [
{
name: 'Anime',
dir: '/arts/animation/anime/'
},
{
name: 'Artists',
dir: '/arts/animation/artists/'
}
]
}
]
},
{
name: 'Business',
dir: '/business/',
child: [
{
name: 'Accounting',
dir: '/business/accounting/',
child: [
{
name: 'Associations',
dir: '/business/accounting/associations/'
},
{
name: 'Business-to-Business',
dir: '/business/accounting/business-to-business/'
}
]
}
]
}
];
Т.о. можно будет сразу работать с данными на странице... |
| Часовой пояс GMT +3, время: 06:36. |