Javascript переход на страницу уже с выбранным option как сделать?

Question

[Wise123]

Допустим у нас есть главная страница index.html
В ней есть две кнопки buttons.

<button onclick="window.location='page.html'”>Тест 1</button>
<button  onclick="window.location='page.html'”>Тест 2</button>

На странице page.html есть select

<select>
	<option>Тест 1</option>
	<option>Тест 2</option>
<select>

Так вот как сделать чтобы при нажатии любой из кнопок button на главной странице (index.html) происходил переход на страницу page.html уже с выбранным option (Тест 1) / option (Тест 2). Заранее спасибо за ответы.

Answer 1

[Антон Швец]

Мыслите более обобщенно. Есть два текстовых документа волею судеб имеющих расширение html. Надо с одного передать информацию на другой, как это можно сделать?

Способ 1: Создавать эти документы с помощью программы. Т.е. страница 1 при изменении своего статуса отправляет пользователя по ссылке, содержащей нужную информацию, программа получив ссылку слегка изменяет страницу 2.
Эта программа назвается бэкенд. Вам нужен бэкенд с шаблонами и обработкой форм.

Способ 2: Страница одна, но отображаемый контент изменяется прямо в браузере с помощью программы, встроенной в страницу. По нажатию на ссылку программа меняет отображаемый контент нужным образом.
Эта программа называется фронтенд, это изменит сам сайт, нужно уметь делать SPA хотя бы чуть-чуть.

Способ 3: При нажатии на ссылку в странице 1 программа может запомнить это действие и сохранить его где-нибудь в браузере пользователя. При отрытии страницы 2 другая программа может пойти проверить хранилище и изменить select так, чтобы соответствовало.
В этом случае вам нужно два маленьких скрипта на странице 1 и странице 2, и хранилище в браузере, например кукисы или localStorage.

Comments

[Wise123]

Спасибо за Ваш ответ, буду пробовать.

[Andrew]

Wise123, еще можете ссылку саму поправить и добавлять ей нужный параметр

<button onclick="window.location='page.html?select=2">Тест 2</button>

и уже на нужной странице(с селектом), читать нынешний url и парсить его с проверкой, далее сопоставить со значением селектов и выбрать(сделать selected)
гуглить "js вытащить get параметр из url"
в вашем случае этот get-параметр = select

Answer 2

[Wise123]

Comments

[Andrew]

Есть тег <code></code> в него можете вставлять свои теги(которые, якобы, не отображаются)
Вопрос можно редактировать, чтобы вставить недостающее или исправить неточность

[irishmann]

НЕ ПИШИТЕ КОММЕНТАРИИ В РАЗДЕЛЕ ОТВЕТОВ!

[Wise123]

Andrew, Буду знать. Просто первый раз задаю вопрос здесь.