Уважаемые читатели сайта Ajaxs.ru

Очень рад что вы зашли на мой сайт. Надеюсь, Вы сможете найти здесь для себя полезную информацию. Зарегистрировавшись на сайте вы получаете ряд преимуществ:
1. При комментировании Вам не нужно вводить имя и капчу с картинки
2. Вы можете получать уведомления на Email к интерисующим вас урокам
3. Вы можете редактировать свои комментарии

Вход на сайт


Забыли пароль



Восстановление пароля


Войти на сайт

Зарегистрироваться

Главная / Уроки по HTML / Просмотр урока

     

Создание сайтов


Вам нужен небольшой сайт или просто хотите доработать уже существующий? | Подробнее

Переход по ссылкам при помощи формы

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

Пример

Создадим нашу форму и добавляем в нее несколько вариантов выбора:

<form action="#">
<select size="1" name="menu" onchange="self.location.href=this.form.menu.options
[this.form.menu.selectedIndex].value;"
>
<option value="">Страница 1</option>
<option value="page2.html">Страница 2</option>
<option value="page3.html">Страница 3</option>
<option value="page4.html">Страница 4</option>
<option value="page5.html">Страница 5</option>
</select>
</form>

Параметр onchange здесь и отвечает за мгновенную переадресацию без нажатия кнопки. Теперь как только мы выбираем один из пунктов, мы сразу переходим по ссылке, которая указана в параметре value. Параметр size отвечает за количество строк, которые мы видим изначально. Ну а name в принципе здесь никакой роли не играет это просто название.

Автор: Евгений Бочкарев Урок добавлен: 29 Января 2010 в 00:11 Просмотров: 13417

Условия копирования материалов сайта

Все комментарии
#-1 Александр 20-06-2010 в 20:45
Молодец Жень, искал как сделать, но все с Javascript-ами предлагают, а они у многих отключены по умолчанию, (да и предупреждения жуткие комп пишет, мол может повредить компьютеру)
#0 All-history 08-10-2011 в 15:07
Интересно!
#1 Васёк 31-07-2012 в 10:15
Ништяк написано ,все понятно
#2 Алексей 14-12-2012 в 14:58
спасибо!!!
#3 Юрий 07-02-2013 в 00:50
А с кнопкой?
#4 Иван 02-09-2013 в 22:45
Кнопкой может быть обыкновенная картинка.
<a href=" ваша ссылка "><img src="ваша кнопка"></img></a>
#5 oleg 06-06-2015 в 23:39
а как сделать переход по сайту из двух значений селект?? код ниже:
<form>

<select name="s1">
<option value="vibirete tip sdelky">--выбирете тип сделки--</option>
<option value="a1">Купить</option>
<option value="a2">Продать</option>
<option value="a3">Арендовать</option>
<option value="a4">Инвестировать</option>
</select>

<select name="s1">
<option value="vibшrite tip nedvijimosty">--выбирете тип недвижимости--</option>
<option value="b1">Квартира</option>
<option value="b2">Вилла</option>
<option value="b3">Шале</option>
<option value="b4">Коммерческая недвижимость</option>
</select>



<input type="submit" value="Найти" onclick="alert('Подождите, мы подыскиваем Вам лучшие предложения! Спасибо!!')" name="btn">
#6 vuvmel 18-12-2016 в 16:01
http://rich-birds.org/?i=1256658 пожалуйста зарегистрируйся и всё
Добавить новый комментарий

Автор:

Текст сообщения:

Если в комментарии присутствует код, пожалуйста вставляете его между тегами [code][/code]

cap

Код с картинки:


Получать уведомления о новых комментариях по Email могут только зарегистрированные пользователи.

41001346159934
R314489888859
Уроки
Для начинающих
Интересное
Файлы
Полезное
Опрос

Много ли среди программистов девушек?

Последние комментарии
Ссылки