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

@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 мешять?

Новые блоги и статьи Все статьи Все блоги /
http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Первый деплой lagorue 16.01.2026 Не спеша развернул своё 1ое приложение в kubernetes. А дальше мне интересно создать 1фронтэнд приложения и 2 бэкэнд приложения развернуть 2 деплоя в кубере получится 2 сервиса и что-бы они. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит: токи, напряжения и их 1 и 2 производные при t = 0;. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Изучаю kubernetes lagorue 13.01.2026 А пригодятся-ли мне знания kubernetes в России?	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .

@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