Динамическое раскрывающееся меню(второе меню зависит от выбора в первом)
Двойное выпадающее меню, в первом выбирается, месяц, во втором - в зависимости от выбора в первом - день. И по нажатию кнопки осуществляется переход на нужную страничку.
Вот исходный код данного примера:
<html;> <head;> <script; language="javascript"> <!-- hide jscript from old browsers //------------------------------------------ //Задаём массив содержащий названия месяцев monthArray=new Array("Январь","Февраль","Март","Апрель","Май", "Июнь","Июль","Август","Сентябрь","Октябрь","Ноябрь","Декабрь"); //------------------------------------------ //Задаём массив содержащий количество дней в конкретном месяце dayArray=new Array(31,28,31,30,31,30,31,31,30,31,30,31); //------------------------------------------ //Номер выбраного месяца numberMonth=0; //------------------------------------------ //Задаём массив ссылок для каждого дня (365) linkArray=new Array( "/project.html", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "/link.html", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", ""); link=""; //------------------------------------------ //Функция выполняется при загрузке документа. //Здесь мы заносим названия месяцев в options меню month //А в options меню day заносим 31 день function createMenus() { document.myForm.month.length=12; for (var i=0; i<12;i++ ) { document.myForm.month.options[i].text=monthArray[i]; } document.myForm.day.length=31; for (var i=1; i<32; i++) { document.myForm.day.options[i-1].text=i; } } //------------------------------------------ //Функция выполняется при выборе меню month. //Запоминаем номер выбраного месяца, //длину меню day устанавливаем равной значению dayArray[numberMonth] //и все значения option меню day приравниваем дням function changeMenus (what) { numberMonth = what.selectedIndex; document.myForm.day.length=dayArray[numberMonth]; for (var i=1; i<dayArray;[numberMonth]+1; i++) { document.myForm.day.options[i-1].text=i; } } //------------------------------------------ //Функция выполняется при выборе меню day. //В зависимости от месяца и дня выбираем ссылку из массива linkArray function changeMenus2 ( what ) { var n = what.selectedIndex; for (var i=0; i<numberMonth; i++) { n=n+dayArray[i] } link=linkArray[n]; } //------------------------------------------ //Функция выполняется при нажатии на кнопку. //открываем новый URL function gotoLink() { document.location=link; } // end jscript hiding --> </script> </head> <body; onLoad="createMenus()"> //------------------------------------------ //наша форма <form; NAME="myForm"> <p;>Выберите месяц: <select; name="month" size="1" onChange="changeMenus(this)"> <option;></option> </select> </p> <p;>Выберите день: <select; name="day" size="1" onChange="changeMenus2(this)"> <option;> </option> </select> <input; type="button" value="go" onclick="gotoLink()"> </p> </form> </body> </html>