Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 18.02.2017, 15:37
Кандидат Javascript-наук
Отправить личное сообщение для WebMachine Посмотреть профиль Найти все сообщения от WebMachine
 
Регистрация: 11.10.2016
Сообщений: 141

Вывод определенного значения в Select
Ребят подскажите как сделать вывод определенного div блока в зависимости от выбранного option в select'е.

Нужно чтобы по умолчанию был открыт первый option и div а остальные открывались при выборе..

И чтобы при выборе значений, остальные div не отображались...

Очень нужна ваша помощь. Буду благодарен

Последний раз редактировалось WebMachine, 18.02.2017 в 16:01.
Ответить с цитированием
  #2 (permalink)  
Старый 18.02.2017, 16:53
Кандидат Javascript-наук
Отправить личное сообщение для WebMachine Посмотреть профиль Найти все сообщения от WebMachine
 
Регистрация: 11.10.2016
Сообщений: 141

Нашел способ с помощью onclick.. Но как сделать так чтобы при открытии остальные закрывались?

В данный момент при открытии каждой категории содержимое появляются с низу и не скрывается..
<a href="javascript://" onclick="$('#1').slideToggle('slow');">1</a>
<a href="javascript://" onclick="$('#2').slideToggle('slow');">2</a>
<a href="javascript://" onclick="$('#3').slideToggle('slow');">3</a>

<div id="1">Содержимое1</div>
<div id="2">Содержимое2</div>
<div id="3">Содержимое3</div>
Ответить с цитированием
  #3 (permalink)  
Старый 18.02.2017, 16:54
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

WebMachine,
форум поиск открывашка
Ответить с цитированием
  #4 (permalink)  
Старый 18.02.2017, 17:53
Кандидат Javascript-наук
Отправить личное сообщение для WebMachine Посмотреть профиль Найти все сообщения от WebMachine
 
Регистрация: 11.10.2016
Сообщений: 141

Рони я обыскал все статьи.. не могу найти подходящий вариант..

посмотри сайт: http://molodechnomebel-kavkaz.ru/cat1/

Нужно чтобы при выборе цвета отображался нужный div..
На сколько я понимаю нужно сделать так чтобы у div'ов были id прописаны.. и при выборе цвета в dropdown-menu , отображались данные этого цвета..

Пожалуйста помоги) с меня магарыч
Ответить с цитированием
  #5 (permalink)  
Старый 18.02.2017, 17:56
Кандидат Javascript-наук
Отправить личное сообщение для WebMachine Посмотреть профиль Найти все сообщения от WebMachine
 
Регистрация: 11.10.2016
Сообщений: 141

И ещё нужно чтобы id можно было назвать так: id="{news-id}"

Так как в DLE много новостей..
Ответить с цитированием
  #6 (permalink)  
Старый 18.02.2017, 18:45
Кандидат Javascript-наук
Отправить личное сообщение для WebMachine Посмотреть профиль Найти все сообщения от WebMachine
 
Регистрация: 11.10.2016
Сообщений: 141

Сообщение от рони Посмотреть сообщение
WebMachine,
форум поиск открывашка
Помоги Рони прошу
Ответить с цитированием
  #7 (permalink)  
Старый 18.02.2017, 19:02
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

WebMachine,
уберите всё что наставили
и добавьте это один раз всего
вниз страницы.
jQuery(function() {
jQuery(".dropdown-menu").each(function(indx, ul) {
    var a = jQuery("a", ul),
        div = jQuery(".panel-body").eq(indx).find(".pn > div");
    jQuery(ul).prev(".btn").off().on("click", function(event) {
        event.preventDefault();
        jQuery(ul).toggle()
    });
    a.removeAttr("onclick");
    jQuery(ul).on("click", "a", function(event) {
        event.preventDefault();
        jQuery(ul).hide();
        var i = a.index(this);
        div.hide().eq(i).show()
    });
    a.eq(0).click()
});
});
Ответить с цитированием
  #8 (permalink)  
Старый 18.02.2017, 19:21
Кандидат Javascript-наук
Отправить личное сообщение для WebMachine Посмотреть профиль Найти все сообщения от WebMachine
 
Регистрация: 11.10.2016
Сообщений: 141

Можно пример Рони? прошу.. я после этого уже 100 вариантов испробовал и не помню разметку страницы..
Ответить с цитированием
  #9 (permalink)  
Старый 18.02.2017, 19:22
Кандидат Javascript-наук
Отправить личное сообщение для WebMachine Посмотреть профиль Найти все сообщения от WebMachine
 
Регистрация: 11.10.2016
Сообщений: 141

Сообщение от рони Посмотреть сообщение
WebMachine,
уберите всё что наставили
Прошу Рони) помоги
Ответить с цитированием
  #10 (permalink)  
Старый 18.02.2017, 19:29
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

WebMachine,
http://plnkr.co/edit/ROE5eQfTTwHW6lzSu4t7?p=preview
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как изменить значение jquey range в зависимости от значения select? drkrol jQuery 1 07.09.2015 01:24
Проверка нескольких select на одинаковые значения emulexx Общие вопросы Javascript 6 07.04.2015 15:19
изменение значения input при смене значения select galart jQuery 4 30.01.2015 19:39
Как в oninput получить значения select? Jeick9 Events/DOM/Window 9 11.10.2014 20:18
Вывод информации в зависимости от выбранных значений select Batyabest Events/DOM/Window 1 01.10.2014 05:20