Раскрывающийся список с ссылками

@androv77 · Регистрация: 10.10.2022

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

Создал раскрывающийся список.
После перехода по выбранной из списка ссылке на струницу, нужно, чтобы в этом списке первым значился тот на страницу которого перешли. Но этого не происходит. И обратно на ссылку №1 не переходит.
Мой код:

HTML5
1
2
3
4
5
<select onchange="window.location.href=this.options[this.selectedIndex].value">
    <option value="./vgcp">Филиал № 1</option>
    <option value="./vgcp2">Филиал № 2</option>
    <option value="./vgcp3">Филиал № 3</option>
</select>

Может есть у кого рабочий код?

@klyapa · 20.12.2022, 18:52

HTML5
1
2
3
4
5
<select onchange="window.open(this.options[this.selectedIndex].value)">
    <option value="./vgcp">Филиал № 1</option>
    <option value="./vgcp2">Филиал № 2</option>
    <option value="./vgcp3">Филиал № 3</option>
</select>

@androv77 · 21.12.2022, 08:31 **[ТС]**

Пока без изменений.
При переходе на страницу Филиал №2 в списке select первым все равно значится певрое значение (Филиал №1).
Тут видимо нужен JS.
И неработает переход по клику на первый select (Филиал №1) почему-то.

@Balanaar · 21.12.2022, 11:41

Обычно такое делается на стороне сервера в файле шаблона при генерации разметки списка. Что у вас на серваке?

@androv77 · 21.12.2022, 11:54 **[ТС]**

На сервере XAMPP и Joomla 3
Пока для первого поля оставил так:

PHP
1
<option disabled="disabled" selected="selected" value="">Филиалы"</option>

@klyapa · 21.12.2022, 12:04

Сообщение от androv77

При переходе на страницу Филиал №2 в списке select первым все равно значится певрое значение (Филиал №1).

Быть такого не может. У вас страница в новой вкладке открывается?

И ещё... Вы точную html-разметку селекта здесь привели? Может у вас там какой-нить скрипт принудительно устанавливает selected на первый элемент. А не срабатывает onchange на первом элементе, т.к. никакого change не происходит, пока вы другой option не выберите. Измените тогда разметку, и первым элементом поставьте пустой option с предложением выбора.

Добавлено через 53 секунды
о... пока писал уже сообразили..

@androv77 · 21.12.2022, 12:08 **[ТС]**

Я бы хотел, чтобы в окне select отображался именно тот, на котором сейчас страница.
При выборе select меняется, но потом происходит переход на страницу и на ней select снова стоит самый первый.

@klyapa · 21.12.2022, 12:11

Сообщение от androv77

потом происходит переход на страницу и на ней select снова стоит самый первый.

У вас страница с этим селектом перезагружается что ли?

@Balanaar · 21.12.2022, 12:13

klyapa, ТС имеет в виду, чтобы первый элемент options в селекте был текущим. То есть после перехода было:

HTML5
1
2
3
4
5
<select>
    <option value="./vgcp2">Филиал № 2</option>
    <option value="./vgcp">Филиал № 1</option>
    <option value="./vgcp3">Филиал № 3</option>
</select>

Сообщение от klyapa

Быть такого не может.

А как у ТСа в новой вкладке установится выбранная опция в вашей реализации?

@klyapa · 21.12.2022, 12:22

Сообщение от Balanaar

А как у ТСа в новой вкладке установится выбранная опция в вашей реализации?

Так у него что, на каждой станице такой селект что ли? Я не из этого исходил. Тогда опциям добавить какой-нить data-* и в localstorage сохранять, допустим. ... это если на сервере ничего не трогать

Добавлено через 4 минуты
androv77, у вас по всем ссылкам (страницам) перехода такой же селект?

@Balanaar · 21.12.2022, 12:51

Сообщение от klyapa

Так у него что, на каждой станице такой селект что ли?

Ну видимо да. В хедере где-нибудь. Только селект формируется по всей видимости не серверным кодом в цикле, а зафигачен хардкодом.

Добавлено через 10 минут
select здесь видимо выступает в роли меню.

Добавлено через 12 минут

Сообщение от androv77

На сервере XAMPP и Joomla 3

Покажите код формирования селекта. Или я угадал и вы захардкодили его?

@androv77 · 21.12.2022, 13:27 **[ТС]**

Весь код написан вверху темы. Вставлен через html модуль и отображается на всех страницах, что бы в любой момент можно было перейти по выбранному селекту на нужную страницу.
Соответственно после выбора нужного филиала происходит переход по ссылке, указанной в селекте.
Переход происходит, открывается страница нужного филиала, но и селект тоже перезагружается и отображает первый, а не выбранный филиал.
Просто я другого способа как select не нашел, чтобы рещить данную задачу.
Даже если я код вставлю в index.php будет тоже самое.

@Balanaar · 21.12.2022, 13:33

Сообщение от androv77

другого способа как select не нашел, чтобы рещить данную задачу

Обычно меню делается обыкновенным списком

HTML5
1
2
3
4
5
6
<ul>
  <li>
    <a href="/link">Ссылка</a>
    ...
  </li>
</ul>

, который затем стилизуется в CSS. Но раз уж выбрали вариант с селектом, то пускай.
Вам следует формировать меню средствами PHP. На сервере проверяете текущую открытую страницу. На основании этого выстраивайте сортировку пунктов селекта.

@androv77 · 21.12.2022, 13:35 **[ТС]**

Я пытался сделать такое меню средствами cms joomla, но все не то.
Средствами PHP правильнее будет. Просто ничего похожего не нашел.

@klyapa · 21.12.2022, 14:45

androv77, попробуйте. Изменения будут сохраняться на время сессии

HTML5
1
2
3
4
5
6
<select id="branchof">
    <option value="" disabled selected>Филиалы</option>
    <option value="./vgcp" data-branch="1">Филиал № 1</option>
    <option value="./vgcp2" data-branch="2">Филиал № 2</option>
    <option value="./vgcp3" data-branch="3">Филиал № 3</option>
</select>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
(() => {
    const branchof = document.getElementById('branchof');
    const key = '_branch_';
    const storage = sessionStorage.getItem(key);
    
    if(storage) {
        [...branchof.options].map(
            opt => (opt.selected ? opt.selected = false : null, opt)
        ).find(opt => opt.dataset.branch === storage)?.setAttribute('selected', true);      
    }   
    
    branchof.addEventListener('change', function () {
        let opt = this.options[this.selectedIndex];
        sessionStorage.setItem(key, opt.dataset.branch);
        location.href = opt.value;
    });
})();

@androv77 · 21.12.2022, 15:18 **[ТС]**

С этим кодом активным показывает всегда Филиал №1, то есть первый после disable selection.

Я сделал пока через меню. Но дальше ищу решения отображения активного окна через селект или через меню.

@klyapa · 21.12.2022, 15:43

androv77, это bootstrap подключен?

@androv77 · 21.12.2022, 16:10 **[ТС]**

В Joomla вроде он идет по умолчаю. Или я не прав...

@klyapa · 21.12.2022, 16:55

androv77, код, который я дал прекрасно работает. Вот мой здешний камент, некоторой давности ...

Не по теме:

как-то помогал одному юзеру с обычным списком ... удалять, добавлять, формировать список ... Но у него ничего не получалось. Я пол дня ушатал, объясняя элементарные вещи. В конце оказалось, что у него подключен Bootstrap и ещё куча разного хлама с GitHub, которые, со старта, меняют html списка до неузнаваемости, что даже самих элементов списка не остаётся.
(C)

@androv77 · 22.12.2022, 08:24 **[ТС]**

Мне может Bootstrap мешять?

Новые блоги и статьи Все статьи Все блоги /
Валидация и контроль данных табличной части документа перед записью Maks 22.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в КА2. Задача: контроль и валидация данных табличной части документа перед записью с учетом регламента компании. . .	Отчёт о затраченных материалах за определенный период с макетом печатной формы Maks 21.04.2026 Отчёт из решения ниже размещён в конфигурации КА2. Задача: разработка отчёта по затраченным материалам за определённый период, с возможностью вывода печатной формы отчёта с шапкой и подвалом. В. . .	Отчёт о спецтехнике находящейся в ремонте Maks 20.04.2026 Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .	Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)" Hrethgir 19.04.2026 Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .
Запрет удаления строк ТЧ документа при определённом условии Maks 19.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "Аккумуляторы", разработанного в конфигурации КА2. У данного документа есть ТЧ, в которой в зависимости от прав доступа. . .	Модель заражения группы наркоманов alhaos 17.04.2026 Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .	Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .

@androv77 0 / 0 / 0 Регистрация: 10.10.2022 Сообщений: 59
	21.12.2022, 08:31 [ТС]
	Пока без изменений. При переходе на страницу Филиал №2 в списке select первым все равно значится певрое значение (Филиал №1). Тут видимо нужен JS. И неработает переход по клику на первый select (Филиал №1) почему-то. 0

@Balanaar 2463 / 1769 / 625 Регистрация: 11.07.2016 Сообщений: 4,067
	21.12.2022, 11:41
	Обычно такое делается на стороне сервера в файле шаблона при генерации разметки списка. Что у вас на серваке? 0

@androv77 0 / 0 / 0 Регистрация: 10.10.2022 Сообщений: 59
	21.12.2022, 12:08 [ТС]
	Я бы хотел, чтобы в окне select отображался именно тот, на котором сейчас страница. При выборе select меняется, но потом происходит переход на страницу и на ней select снова стоит самый первый. 0

@androv77 0 / 0 / 0 Регистрация: 10.10.2022 Сообщений: 59
	21.12.2022, 13:27 [ТС]
	Весь код написан вверху темы. Вставлен через html модуль и отображается на всех страницах, что бы в любой момент можно было перейти по выбранному селекту на нужную страницу. Соответственно после выбора нужного филиала происходит переход по ссылке, указанной в селекте. Переход происходит, открывается страница нужного филиала, но и селект тоже перезагружается и отображает первый, а не выбранный филиал. Просто я другого способа как select не нашел, чтобы рещить данную задачу. Даже если я код вставлю в index.php будет тоже самое. 0

@androv77 0 / 0 / 0 Регистрация: 10.10.2022 Сообщений: 59
	21.12.2022, 13:35 [ТС]
	Я пытался сделать такое меню средствами cms joomla, но все не то. Средствами PHP правильнее будет. Просто ничего похожего не нашел. 0

@androv77 0 / 0 / 0 Регистрация: 10.10.2022 Сообщений: 59
	21.12.2022, 15:18 [ТС]
	С этим кодом активным показывает всегда Филиал №1, то есть первый после disable selection. Я сделал пока через меню. Но дальше ищу решения отображения активного окна через селект или через меню. Миниатюры 0

@klyapa 3503 / 1267 / 429 Регистрация: 24.07.2016 Сообщений: 1,890
	21.12.2022, 15:43
	androv77, это bootstrap подключен? 0

@androv77 0 / 0 / 0 Регистрация: 10.10.2022 Сообщений: 59
	21.12.2022, 16:10 [ТС]
	В Joomla вроде он идет по умолчаю. Или я не прав... 0

@klyapa 3503 / 1267 / 429 Регистрация: 24.07.2016 Сообщений: 1,890
	21.12.2022, 16:55
	androv77, код, который я дал прекрасно работает. Вот мой здешний камент, некоторой давности ... Не по теме: как-то помогал одному юзеру с обычным списком ... удалять, добавлять, формировать список ... Но у него ничего не получалось. Я пол дня ушатал, объясняя элементарные вещи. В конце оказалось, что у него подключен Bootstrap и ещё куча разного хлама с GitHub, которые, со старта, меняют html списка до неузнаваемости, что даже самих элементов списка не остаётся. (C) 2

@androv77 0 / 0 / 0 Регистрация: 10.10.2022 Сообщений: 59
	22.12.2022, 08:24 [ТС]
	Мне может Bootstrap мешять? 0