Форумы портала PHP.SU :: Версия для печати

1. broshurkaplus - 09 Января, 2013 - 16:17:22 - перейти к сообщению

здравствуйте

подгружаем в страницу форму с 2мя селектами категории и подкатегории
изначально задаем класс dispno для элементов селекта подкатегорий
в котором display: none;

при выборе в первом селекте присваиваем клас dispno для всех эл-в с .scat (чтоб убрать если уже чтото было выбрано) и удаляем его у элементов с нужным классом cat+значение-из-первого

вот то чем меняем

CODE (javascript):
скопировать код в буфер обмена

function vscat(num){
   $('#isc').val(0);//присваиваем 0 селекту подкатегории
var num=$("#ic").val();//получаем зн-е из первого селекта
    $('.scat').addClass('dispno');
    $('.scat'+num).removeClass('dispno');
}

и часть 2го селекта

CODE (html):
скопировать код в буфер обмена

<select name="isc" id="isc">
<option value="0">выберите подкатегорию</option>
<option class="scat cat1 dispno" value="15">qqq</option>
<option class="scat cat1 dispno" value="16">www</option>
<option class="scat cat2 dispno" value="25">eee</option>
<option class="scat cat2 dispno" value="29">rrr</option>
...

короче в хроме после обновления оно скрывает и отображает то что нужно, но:

отображает в раскрыв. списке только 1строку при нажатии, но внутри элементы все нужные
в опере вообще не работает, сразу все подкатегории отображаются, и при смене категории в селекте подкат. ничего не происходит

подскажите в чем может быть?
или какие другие решения для данной задачи
спасибо