Обычная форма с выпадающим списком выглядит примерно так:
1 2 3 4 5 6 7 8 |
<form id="formid"> <select id="selectid" > <option>--Выбирете--</option> <option value="One">One</option> <option value="Two">Two</option> <option value="Three">Three</option> </select> </form> |
Но бывают случаи, когда необходимо сделать блок навигации с выпадающими пунктами меню. Вот как раз с этим нам и поможет JavaScript.
1 2 3 4 5 6 7 8 |
<form id="formid"> <select id="selectid" onchange="if (this.selectedIndex > 0) document.location.href=this.options[this.selectedIndex].value"> <option>--Выбирете--</option> <option value="URL">Name</option> <option value="URL">Name</option> <option value="URL">Name</option> </select> </form> |
Да вот и все. Пример можете посмотреть.