Переделываю компонент
Есть три селекта, первый заполнен значениями. выбирая значение во втором подгружается информация.
НО!
Каждый мой селект красиво оформляется этим вот всем.
<div class="jq-selectbox jqselect" style="display: inline-block; position: relative; z-index:100">
<select name="chooseYearMaking" style="margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0;">
<option>-Выберите год-</option>
<option class="" data-id="753">2008</option>
<option class="" data-id="752">2009</option>
<option class="" data-id="749">2010</option>
<option class="" data-id="750">2011</option>
<option class="" data-id="751">2012</option>
</select>
<div class="jq-selectbox__select" style="position: relative">
<div class="jq-selectbox__select-text" style="width: 0px;">-Выберите год-</div>
<div class="jq-selectbox__trigger">
<div class="jq-selectbox__trigger-arrow"></div>
</div>
</div>
<div class="jq-selectbox__dropdown" style="position: absolute; display: none;">
<ul style="position: relative; list-style: none; overflow: auto; overflow-x: hidden">
<li class="selected sel" style="display: block; white-space: nowrap;">-Выберите год-</li>
<li data-jqfs-class="" data-id="753" class=" " style="display: block; white-space: nowrap;">2008</li>
<li data-jqfs-class="" data-id="752" class=" " style="display: block; white-space: nowrap;">2009</li>
<li data-jqfs-class="" data-id="749" class=" " style="display: block; white-space: nowrap;">2010</li>
<li data-jqfs-class="" data-id="750" class=" " style="display: block; white-space: nowrap;">2011</li>
<li data-jqfs-class="" data-id="751" class=" " style="display: block; white-space: nowrap;">2012</li>
</ul>
</div>
</div>
Даже если инфа подгружается она не отображается, значение не обозначается выбранным.
Может как то "перегружать" компонент, чтобы данные о выбранных значениях как то сохранялись?
Подскажите, как реализовать вот такую штуку.
Простой
