Как создать раскрывающееся меню в jQuery с функцией перенаправления

Вот пример того, как можно реализовать эту функциональность с помощью 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.