Модуль поиска для сайта
Добрый вечер! Помогите с написанием скрипта. Суть в чем, скрипт должен состоять из 2 раскрывающихся списков, и кнопкой "Поиск". При нажатии на кнопку, должно происходить склеивание двух значений, находящихся в раскрывающихся списках.
|
Понятно только, что есть какая то кнопка, на которую можно нажимать.
И совсем непонятно, при чем тут модуль поиска? Что ищет то? |
Цитата:
В первом раскрывающемся списке одна часть URL, во втором другая. Соответсвенно много разных значений. Кнопка поиск должна «склеить» значение из списка1 + значение из списка2 |
URL - это строка.
Что такое раскрывающийся список и какая часть URL содержится в одном списке, а какая в другом? Много значений чего? |
Раскрывающийся список - <select>. В первом списке начало url, во втором продолжение. Много значений имеется ввиду, что во втором селекторе много окончаний url. Ну и соотвественно при нажатии на кнопку должна осуществится слейка первого селектора и второго.
|
Что то типа такого?
<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>
|
Да, оно самое. Только внутри <option>Текст</option>, а value=Ссылка, и при нажатии на кнопку, переход на нужную страницу.
|
Ну вместо
document.querySelector('#res>span').textContent = url сделайте location = url |
Цитата:
|
| Часовой пояс GMT +3, время: 12:12. |