"Двойной" select?

Question

[Максим]

Всем привет. Есть блок портфолио, необходимо сделать такой фильтр:
Hужно чтобы 2й селект был недоступен, пока не выберешь например 1й пункт 1го селекта. А если выберешь 2й пункт 1го селекта, то соответственно менялись пункты во втором селекте. Подскажите логику, в каком направлении двигаться, в js более и менее разбираюсь, но не могу понять как это правильно реализовать. Саму фильтрацию думаю сам уже сделаю.

Answer 1

[Urvin]

https://jsfiddle.net/xb3joqqt/

Comments

[Максим]

спасибо

[Максим]

это работает с не стилизованным селектом. а у меня стилизованный и не хочет работать (

[Urvin]

Это работает с любыми select-ами. Если у Вас не select — это не проблема шерифа.

[Максим]

у меня плагин подключен для стилизации селектов. там получается всё дивами и спанами.
вообщем разобрался, изменил немного код и всё работает!

Answer 2

[Дмитрий Еремин]

Общая логика такая:
Реагируем на событие
Если событие (не)такое, какое надо, делаем второй селект enabled

во - то, что надо

Answer 3

[Иван]

На самом деле вариантов много.
Например при выборе 1 селекта Аяксом грузятмя данные во второй.