Не меняется выбранный пункт выпадающего меню в файрфоксе

10.03.2016, 19:39. Показов 530. Ответов 0

Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам

Не меняется выбранный пункт выпадающего меню в firefox, в остальных браузерах все нормально, помогите разобраться. Вот ссылка на пример - https://jsfiddle.net/MrPelepan/z4bjbnnq/

HTML5
1
2
3
4
5
6
7
8
<div id="dropdown-menu" class="dropdown-menu">
  <a class="title">Валюта: USD</a>
  <ul>
    <li><a data-language="usd" href="#">USD</a></li>
    <li><a data-language="euro" href="#">EURO</a></li>
    <li><a data-language="shekel" href="#">Шекели</a></li>
  </ul>
</div>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
var languages = {
  usd: 'Валюта: USD',
  euro: 'Валюта: EURO',
  shekel: 'Валюта: Шекели'
};
 
var DEFAULT_LANGUAGE = 'usd';
 
var menuElem = document.getElementById('dropdown-menu');
var titleElem = menuElem.querySelector('.title');
 
// Set currently selected value (English in our case)
function selectOption(optionName) {
  titleElem.dataset.language = optionName
  titleElem.innerText = languages[optionName]
}
selectOption(DEFAULT_LANGUAGE)
 
// Handle dropdown opening
titleElem.onclick = function() {
  menuElem.classList.toggle('open');
};
 
// Handle selecting new language
var optionsHolter = menuElem.querySelector('ul')
optionsHolter.onclick = function(event) {
  menuElem.classList.remove('open');
  console.log(event.target.dataset.language)
  if (event.target.dataset && event.target.dataset.language) {
    selectOption(event.target.dataset.language)
  }
}

Programming

Эксперт

39485 / 9562 / 3019

Регистрация: 12.04.2006

Сообщений: 41,671

Блог

10.03.2016, 19:39

Ответы с готовыми решениями:

При выборе из выпадающего меню одного из вариантов, в определенном месте меняется содержимое тега <p>
Доброго времени суток! Есть такая задача: при выборе из выпадающего меню одного из вариантов, в определенном месте меняется содержимое...

Выделить выбранный пункт меню
Всем привет! Есть код. <div id="navouter"> <div id="nav"> <ul class="lavalamp" id="menu1"> <li class="page_item...

Разработать скрипт, который выводит меню из шести пунктов, причем выбранный пункт меню подсвечивается определенным цветом.Рекомендуется использование
Разработать скрипт, который выводит меню из шести пунктов, причем выбранный пункт меню подсвечивается определенным цветом.Рекомендуется...

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

inter-admin

Эксперт

29715 / 6470 / 2152

Регистрация: 06.03.2009

Сообщений: 28,500

Блог

10.03.2016, 19:39

Помогаю со студенческими работами здесь

CSS.Окрасить выбранный пункт меню
Как сделать в CSS так, чтоб при выборе пункта меню его фон окрашивался и оставался таким пока не выбран другой пункт меню. Через hover не...

Сохранить выбранный пункт меню при запуске
Простая форма с кнопкой и меню (MainMenu) Выбрали нужный пункт меню нужно его сохранить,пока не выберут другой пункт При каждом запуске...

Как сделать, чтобы Окрашивался выбранный пункт меню, в который перешёл
Есть готовое меню. Как сделать, чтобы при переходе по Выбранному пункту меню, он был окрашен. Т.е. чтобы цвет на нём зафиксировался, и...

При наведении на пункт выпадающего меню, оно исчезает
Сайт - http://amigefamilyschool.ru/

При нажатии на пункт меню скрыть его, и показать другой пункт меню
Прошу помощи, как можно допустим при нажатии на пункт меню, его скрыть, и показать другой пункт меню? я делаю так : public boolean...

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:

Новые блоги и статьи Все статьи Все блоги /
Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .

Наверх