PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

яваскрипт и select

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Описание: скрыть/отобразить часть option

Поиск в теме | Версия для печати

broshurkaplus	Отправлено: 09 Января, 2013 - 16:17:22
Посетитель Покинул форум Сообщений всего: 354 Дата рег-ции: Янв. 2011 Откуда: Пружаны Бресткая обл. Беларусь Помог: 2 раз(а)	здравствуйте подгружаем в страницу форму с 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строку при нажатии, но внутри элементы все нужные в опере вообще не работает, сразу все подкатегории отображаются, и при смене категории в селекте подкат. ничего не происходит подскажите в чем может быть? или какие другие решения для данной задачи спасибо (Отредактировано автором: 09 Января, 2013 - 16:19:02)

SAD	Отправлено: 09 Января, 2013 - 16:57:50
Постоянный участник Покинул форум Сообщений всего: 2508 Дата рег-ции: Май 2009 Откуда: Днепропетровск, Украина Помог: 75 раз(а)	CODE (javascript): скопировать код в буфер обмена function vscat(num){ $('#isc') .val(0) .children('option.scat').hide().end() .children('option.cat' + $("#ic").val()).show(); } (Отредактировано автором: 09 Января, 2013 - 16:59:08)

broshurkaplus	Отправлено: 09 Января, 2013 - 17:36:24
Посетитель Покинул форум Сообщений всего: 354 Дата рег-ции: Янв. 2011 Откуда: Пружаны Бресткая обл. Беларусь Помог: 2 раз(а)	насколько я понимаю - общий смысл тот же, только не через класс, а style меняет. попробовал, применил. =результат тот же...блин. смотрю код - и хром и опера меняет свойства, но в экране хром корректно показывает только при выборе 1го пункта в списке категорий, для остальных - так же -высота во 2раск.списке в 1оптион. опера ж в экране ничего не меняет, только в коде. по идее браузер чтоли рассчитать новые свойства не может. работалож..подправил чтото на ночь вчера(и забыл как было) вопрос актуален чего хром схлопывает элементы, а опера не отображает сменившиеся свойства элементов? еще какие идеи есть? спасибо пока сделал доп аякс запрос и вывод после обновления. (Отредактировано автором: 10 Января, 2013 - 21:51:58)

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.