Сообщение от Dilettante_Pro
|
А после этого можно будет вернуться к началу предыдущей темы и сделать универсальную процедуру загрузки
|
Это обязательно, а пока помогите тронуться с места.
Итак я вывел данные в опшен.
<form>
<select name="mark" style="width:100%">
<option value="all">Выбирите марку</option>
{foreach key=tid item=item from=$auto}
<option class="mark" data-id="{$item.id}" value="{$item.title}" >{$item.title}</option>
{/foreach}
</select>
<select name="brends" id="brn" style="width:100%">
<option class="no-hide" selected="selected" value="mrk">Выбирите модель</option>
{foreach key=tid item=item from=$items}
<option class="brend" data-id="{$item.cat_id}" value="{$item.model_car}" >{$item.model_car}</option>
{/foreach}
</select>
</form>
В первом селекте:{$item.id} - id марки авто
{$item.title} - название
Во втором {$item.cat_id} - id категории модели авто, т.е. у {$item.title}:{$item.id}={$item.cat_id}
{$item.model_car} - название модели авто
$(function() {
$('.brend).css('display','none');
$('select[name="mark"]').change(function() {
var index = this.options.selectedIndex;
var data = this.value;
var id_mark = this.options[index].getAttribute('data-id')
})
$('select[name="brends"]').change(function() {
var index = this.options.selectedIndex;
var data = this.value;
var id_brend = this.options[index].getAttribute('data-id')
})
})
Теперь понимаю, что надо как то сравнить id_mark с data-id класса class="brend", что бы отменить .css('display','none'), но не могу допетрить в какую сторону смотреть.