Есть такой список:
<ul>
<li><a href="">Телефоны</a>
<ul>
<li><a href="">Apple</a>
<ul>
<li><a href="">iPhone 4</a></li>
<li><a href="">iPhone 5</a></li>
</ul>
</li>
<li><a href="">Samsung</a>
<ul>
<li><a href="">Samsung A3</a></li>
<li><a href="">Samsung A5</a></li>
</ul>
</li>
<li><a href="">Sony</a>
<ul>
<li><a href="">Sony Xperia XA1</a></li>
<li><a href="">Sony Xperia XA2</a></li>
<li><a href="">Sony Xperia XA3</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="">Планшеты</a>
<ul>
<li><a href="">Apple</a>
<ul>
<li><a href="">iPad</a></li>
<li><a href="">iPad 2</a></li>
</ul>
</li>
<li><a href="">Samsung</a>
<ul>
<li><a href="">Samsung Tab 2</a></li>
<li><a href="">Samsung Tab 3</a></li>
<li><a href="">Samsung Tab 4</a></li>
</ul>
</li>
<li><a href="">LG</a>
<ul>
<li><a href="">LG v490</a></li>
<li><a href="">LG v500</a></li>
</ul>
</li>
</ul>
</li>
</ul>
Как этот список преобразовать в 3 пошаговых select(-а)? Т.е. сначала выбираем "Тип устройства", потом для этого типа устройства выбираем производителя, потом для этого производителя выбираем модель. Получается 3 select(-a):
Тип устройства
Производитель
Модель
После выбора последнего select нас должно перекидывать на выбранную страницу. Как это можно сделать с помощью JQuery или JS? Может кто-то решал уже такие задачи? Заранее благодарю за помощь.