Вход

Просмотр полной версии : Модуль поиска для сайта

cl0wnzfold
07.02.2021, 23:02
Добрый вечер! Помогите с написанием скрипта. Суть в чем, скрипт должен состоять из 2 раскрывающихся списков, и кнопкой "Поиск". При нажатии на кнопку, должно происходить склеивание двух значений, находящихся в раскрывающихся списках.
voraa
07.02.2021, 23:13
Понятно только, что есть какая то кнопка, на которую можно нажимать.
И совсем непонятно, при чем тут модуль поиска? Что ищет то?
cl0wnzfold
08.02.2021, 00:04
Понятно только, что есть какая то кнопка, на которую можно нажимать.
И совсем непонятно, при чем тут модуль поиска? Что ищет то?
Это условное название.
В первом раскрывающемся списке одна часть 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('c lick', () => {
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
Ну вместо
document.querySelector('#res>span').textContent = url
сделайте
location = url
Можете пожалуйста написать, а то я не могу разобраться.