Вот пример того, как можно реализовать эту функциональность с помощью jQuery:
HTML:
<select id="myDropdown">
<option value="">Select an option</option>
<option value="https://example.com/page1">Page 1</option>
<option value="https://example.com/page2">Page 2</option>
<option value="https://example.com/page3">Page 3</option>
</select>
JavaScript (jQuery):
$(document).ready(function() {
$('#myDropdown').on('change', function() {
var selectedOption = $(this).val();
if (selectedOption) {
window.location.href = selectedOption;
}
});
});
В этом коде мы используем jQuery для подключения прослушивателя событий к раскрывающемуся элементу с идентификатором myDropdown
. Когда пользователь выбирает опцию, запускается событие change
. Мы получаем значение выбранной опции с помощью $(this).val()
и присваиваем его переменной selectedOption
. Если значение присутствует (т. е. выбран вариант, отличный от параметра по умолчанию «Выбрать вариант»), мы перенаправляем пользователя на соответствующий URL-адрес, используя window.location.href
.