Сценарий на JavaScript, обрабатывающий событие onChange

Функция OpenURL() связана с событием OnChange дескриптора <select>. Когда пользователь выбирает элемент из списка формы, функция OpenURL() устанавливает значение window.location равным указанному в ссылке URL.

Если вы хотите сделать подобное в своей Web-странице, то должны модифицировать список формы таким образом, чтобы он содержал вход для каждого Web-узла, к которому нужен доступ пользователя. Затем надо добавить строки к функции OpenURL(), которые проверяют выбор пользователя и открывают соответствующие URL в браузере. Самый простой способ - это скопировать одну из существующих строк, заменяя номер индекса так, чтобы он соответствовал форме, и затем заменить URL, присваиваемый window.location. Только не забудьте, что первый элемент в списке имеет индекс 0, второй - 1 и т.д.

Пример:

Код HTML с использованием JavaScript:

Выберите ссылку из выпадающего списка:





<form name="navigate">
  <select name="list" size="1" OnChange="OpenURL(document.navigate.list.selectedIndex)">
   <option name="hole1">
   <option name="serv">Домашняя страница
   <option name="trweb">Практикум по Web
   <option name="trshop">Практикум по PhotoShop
   <option name="mail">www.mail.ru
   <option name="rambler">www.rambler.ru
   <option name="yandex">www.yandex.ru
  </select>
</form>

Функция OpenURL( ) написана на Java-Script:

function OpenURL(Index){
  if(Index==1) {window.location = "http://www.modern-computer.ru/";}
  if(Index==2) {window.location = "http://www.modern-computer.ru/practice/web-design/prcatic-web-design-main.html";}
  if(Index==3) {window.location = "http://www.modern-computer.ru/practice/photoshop/photoshop-main.html";}
  if(Index==4) {window.location = "http://www.mail.ru";}
  if(Index==5) {window.location = "http://www.rambler.ru";}
  if(Index==6) {window.location = "http://www.yandex.ru";}
}



Особенности Landing Page лендинг пейдж, как сделать лендинг