Создать раскрывающееся меню, которое перенаправляет в Javascript

Начинающие дизайнеры веб-сайтов часто хотят знать, как создать раскрывающееся меню, чтобы при выборе навигаторами одного из вариантов они автоматически перенаправлялись на эту страницу. Эта задача не так сложна, как может показаться. Чтобы настроить раскрывающееся меню для перенаправления на новую веб-страницу при ее выборе, необходимо добавить в форму простой JavaScript-код.

Начиная

Во-первых, вам нужно настроить теги, чтобы они включали URL-адрес в качестве значения, чтобы ваша форма знала, куда отправить клиента. После того, как вы настроите эти теги, вам нужно будет добавить атрибут «onchange» в ваш тег, чтобы сообщить браузеру, что делать при изменении списка параметров. Просто поместите JavaScript все в одну строку, как показано в примере ниже:

 onchange = "window.location.href = this.form.URL.options [this.form.URL.selectedIndex] .value"> 

Полезные советы

Теперь, когда ваши теги настроены, не забудьте убедиться, что выбранный вами тег называется «URL». Если это не так, измените JavaScript выше, где бы он ни говорил «URL», чтобы прочитать имя выбранного тега. Если вы хотите более подробный пример, вы можете увидеть эту форму в действии онлайн. Если вам все еще нужны дополнительные рекомендации, вы также можете просмотреть краткий учебник, в котором обсуждается этот скрипт и некоторые другие шаги, которые вы можете предпринять с помощью JavaScript.

Оцените статью
Solutics.ru
Добавить комментарий