Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Модуль поиска для сайта (https://javascript.ru/forum/misc/81864-modul-poiska-dlya-sajjta.html)

cl0wnzfold 07.02.2021 23:02

Модуль поиска для сайта
 
Добрый вечер! Помогите с написанием скрипта. Суть в чем, скрипт должен состоять из 2 раскрывающихся списков, и кнопкой "Поиск". При нажатии на кнопку, должно происходить склеивание двух значений, находящихся в раскрывающихся списках.

voraa 07.02.2021 23:13

Понятно только, что есть какая то кнопка, на которую можно нажимать.
И совсем непонятно, при чем тут модуль поиска? Что ищет то?

cl0wnzfold 08.02.2021 00:04

Цитата:

Сообщение от voraa (Сообщение 533554)
Понятно только, что есть какая то кнопка, на которую можно нажимать.
И совсем непонятно, при чем тут модуль поиска? Что ищет то?

Это условное название.
В первом раскрывающемся списке одна часть URL, во втором другая. Соответсвенно много разных значений. Кнопка поиск должна «склеить» значение из списка1 + значение из списка2

voraa 08.02.2021 07:30

URL - это строка.
Что такое раскрывающийся список и какая часть URL содержится в одном списке, а какая в другом?
Много значений чего?

cl0wnzfold 08.02.2021 09:06

Раскрывающийся список - <select>. В первом списке начало url, во втором продолжение. Много значений имеется ввиду, что во втором селекторе много окончаний url. Ну и соотвественно при нажатии на кнопку должна осуществится слейка первого селектора и второго.

voraa 08.02.2021 09:23

Что то типа такого?
<body>
<select id=s1>
	<option>aaa.com</option>
	<option>bbb.net</option>
	<option>ccc.ru</option>
	<option>ddd.gov</option>
</select>	

<select id=s2>
	<option>?x=1&y=2</option>
	<option>?r=zzz&s=yyyy</option>
	<option>?a=0</option>
	<option>?u=1&p=cccc</option>
</select>

<button id=bgl>Склеить</button>
<div id=res> Результат <span></span></div>	

<script>
document.getElementById('bgl').addEventListener('click', () => {
	let url = document.getElementById('s1').value + document.getElementById('s2').value
	document.querySelector('#res>span').textContent = url
})
</script>

cl0wnzfold 08.02.2021 10:34

Да, оно самое. Только внутри <option>Текст</option>, а value=Ссылка, и при нажатии на кнопку, переход на нужную страницу.

voraa 08.02.2021 10:47

Ну вместо
document.querySelector('#res>span').textContent = url
сделайте
location = url

cl0wnzfold 08.02.2021 14:55

Цитата:

Сообщение от voraa (Сообщение 533618)
Ну вместо
document.querySelector('#res>span').textContent = url
сделайте
location = url

Можете пожалуйста написать, а то я не могу разобраться.


Часовой пояс GMT +3, время: 09:37.