|
07.02.2021, 23:02
|
Новичок на форуме
|
|
Регистрация: 07.02.2021
Сообщений: 5
|
|
Модуль поиска для сайта
Добрый вечер! Помогите с написанием скрипта. Суть в чем, скрипт должен состоять из 2 раскрывающихся списков, и кнопкой "Поиск". При нажатии на кнопку, должно происходить склеивание двух значений, находящихся в раскрывающихся списках.
|
|
07.02.2021, 23:13
|
|
Профессор
|
|
Регистрация: 03.02.2020
Сообщений: 2,750
|
|
Понятно только, что есть какая то кнопка, на которую можно нажимать.
И совсем непонятно, при чем тут модуль поиска? Что ищет то?
|
|
08.02.2021, 00:04
|
Новичок на форуме
|
|
Регистрация: 07.02.2021
Сообщений: 5
|
|
Сообщение от voraa
|
Понятно только, что есть какая то кнопка, на которую можно нажимать.
И совсем непонятно, при чем тут модуль поиска? Что ищет то?
|
Это условное название.
В первом раскрывающемся списке одна часть URL, во втором другая. Соответсвенно много разных значений. Кнопка поиск должна «склеить» значение из списка1 + значение из списка2
|
|
08.02.2021, 07:30
|
|
Профессор
|
|
Регистрация: 03.02.2020
Сообщений: 2,750
|
|
URL - это строка.
Что такое раскрывающийся список и какая часть URL содержится в одном списке, а какая в другом?
Много значений чего?
|
|
08.02.2021, 09:06
|
Новичок на форуме
|
|
Регистрация: 07.02.2021
Сообщений: 5
|
|
Раскрывающийся список - <select>. В первом списке начало url, во втором продолжение. Много значений имеется ввиду, что во втором селекторе много окончаний url. Ну и соотвественно при нажатии на кнопку должна осуществится слейка первого селектора и второго.
|
|
08.02.2021, 09:23
|
|
Профессор
|
|
Регистрация: 03.02.2020
Сообщений: 2,750
|
|
Что то типа такого?
<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>
|
|
08.02.2021, 10:34
|
Новичок на форуме
|
|
Регистрация: 07.02.2021
Сообщений: 5
|
|
Да, оно самое. Только внутри <option>Текст</option>, а value=Ссылка, и при нажатии на кнопку, переход на нужную страницу.
|
|
08.02.2021, 10:47
|
|
Профессор
|
|
Регистрация: 03.02.2020
Сообщений: 2,750
|
|
Ну вместо
document.querySelector('#res>span').textContent = url
сделайте
location = url
|
|
08.02.2021, 14:55
|
Новичок на форуме
|
|
Регистрация: 07.02.2021
Сообщений: 5
|
|
Сообщение от voraa
|
Ну вместо
document.querySelector('#res>span').textContent = url
сделайте
location = url
|
Можете пожалуйста написать, а то я не могу разобраться.
|
|
|
|