Как да създадете падащо меню, което пренасочва към нова страница в Java

Как добавянето на JavaScript прави трик

Дизайнерите на новаци често искат да знаят как да създават падащо меню, така че когато навигаторите изберат една от опциите, те автоматично ще бъдат пренасочени към тази страница. Тази задача не е толкова трудна, колкото изглежда. За да настроите падащо меню, за да пренасочите към нова уеб страница, когато сте избрали, трябва да добавите някакъв прост JavaScript във формуляра си.

Приготвяме се да започнем

Първо, трябва да настроите маркерите си, за да включите URL адреса като стойност, така че формулярът ви да знае къде да изпрати клиента. Вижте следния пример:

Уеб дизайн начална страница Начало HTML

След като настроите тези маркери, ще трябва да добавите към маркера си атрибут "onchange", за да кажете на браузъра какво да прави, когато се промени списъкът с опции. Просто поставете JavaScript на един ред, който е показан по-долу:

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

Полезни съвети

След като вече сте настроили маркерите си, не забравяйте да се уверите, че избраният маркер е наречен "URL". Ако не е така, променете JavaScript горе, където някога се казва "URL", за да прочетете името на избрания маркер. Ако искате по-подробен пример, можете да видите този формуляр в действие онлайн. Ако все още се нуждаете от повече напътствия, можете също така да прегледате кратък настойнически, който обсъжда този скрипт и някои други стъпки, които можете да предприемете с JavaScript.