X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Помогите с Html, Выбор тэгом Select
Fabregas
Fabregas
Topic Starter сообщение 1.11.2009, 20:37; Ответить: Fabregas
Сообщение #1


Собственно проблема мелкая (аж самому стыдно). Прошу помочь, кому не жалко...

Есть список из трех ссылок, которые расположил так:
<form>
<select>
<option>Пункт 1</option>
<option>Пункт 2</option>
<option>Пункт 3</option>
</select>
<input type="submit" value="Выбрать">
</form>


Выглядит приблизительно так:
Прикрепленное изображение

Нужно чтоб при выборе определенного пункта и нажатии кнопки "Выбрать", пользователь отправлялся по определенной ссылке (в зависимости от выбранного пункта). Думаю, одним html тут не обойдется. Почитал htmlbook.ru, можно прописать параметр action для тега form и как-то назвать каждую опцию, а потом все делать через php скрипт (ума не приложу как). Должен быть проще способ.

Всем заранее спасибо, с меня плюс и "Спасибо". Нуждаюсь в помощи.

Сообщение отредактировал Fabregas - 1.11.2009, 20:37


--------------------
Мои лайфхаки для путешественника и все в таком духе.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Niken
Niken
сообщение 1.11.2009, 20:46; Ответить: Niken
Сообщение #2


<select name="city" id="city" onChange="georedirect();">
<option value="">Выберите свой город</option>
<option value="http://xxx.ru/novosibirsk.html">Новосибирск</option>
<option value="http://xxx.ru/kemerovo.html">Кемерово</option>
<option value="http://xxx.ru/novokuzneck.html">Новокузнецк</option>
</select>
<script type="text/javascript">
function georedirect(){
location.href=document.getElementById('city').options[document.getElementById('city').selectedIndex].value;
}
</script>
Конкретный рабочий пример) В твоём случае georedirect(); надо повесить на онклик по кнопке

Сообщение отредактировал Niken - 1.11.2009, 20:47


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
diktator
diktator
сообщение 1.11.2009, 21:08; Ответить: diktator
Сообщение #3


ну через javascript это можно сделать, причём легко. Даже без кнопки. Вставить нужно событие onclick и написать код для его обработки. Примерно так:
<form>
<select id="preved">
<option>Пункт 1</option>
<option>Пункт 2</option>
<option>Пункт 3</option>
</select>
<input type="submit" value="Выбрать" onclick="f1()">
</form>
<script>
function f1()
{
if (document.getElementById("preved").selectedIndex = 0)
{document.location.href="drugaya-stranica.htm"};
то же самое для второго и третьего пункта (только selectedIndex будет равен 1 и 2)
}
</script>


Сообщение отредактировал diktator - 1.11.2009, 21:11


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SamousPrime
SamousPrime
сообщение 1.11.2009, 22:04; Ответить: SamousPrime
Сообщение #4


(diktator @ 1.11.2009, 20:08) *
<select onchange="window.location = this.value">
<option selected="selected">Выберите:</option>
<option value="/1">1</option>
<option value="/2">2</option>
<option value="/3">3</option>
</select>


--------------------
http://webferia.ru - сайты (ASP.NET, PHP, различные CMS) и профессиональный графический дизайн по разумным ценам.
ICQ: 476727130.


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Fabregas
Fabregas
Topic Starter сообщение 2.11.2009, 0:15; Ответить: Fabregas
Сообщение #5


Всем спасибо smile.gif
Особое спасибо SamousPrime, этим вариантом и воспользовался...

Еще вопрос. Каким образом можно вывести кнопку "Выбрать"?

Сообщение отредактировал Fabregas - 2.11.2009, 0:34


--------------------
Мои лайфхаки для путешественника и все в таком духе.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
UncleM
UncleM
сообщение 2.11.2009, 0:22; Ответить: UncleM
Сообщение #6


<option value="URL_страницы"></option>


<select onchange="location.href=this.value"></select>


<input type="button" onclick="location.href=document.getElementById('ID_select_тега').value" value="Выбрать" />


--------------------
Осторожно! Вы можете получить огромный заряд позитива!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Ghost Bear
Ghost Bear
сообщение 2.11.2009, 14:13; Ответить: Ghost Bear
Сообщение #7


А можно еще проще
<form>
<select name="where2go">
    <option value="http://yandex.ru/">Yandex</option>
    <option value="http://google.com/">Google</option>
    <option value="http://rambler.ru/">Rambler</option>
</select>
<input type="submit" onclick="document.location=this.form.where2go.value; return false;" value="Выбрать" />
</form>


Или даже так, без имен элементов формы совсем, но тогда селект должен быть обязательно стоять первым внутри формы и между ним и тегом формы должен быть текст (перенос строки, пробел).
<form>
<select>
    <option value="http://yandex.ru/">Yandex</option>
    <option value="http://google.com/">Google</option>
    <option value="http://rambler.ru/">Rambler</option>
</select>
<input type="submit" onclick="alert(this.form.childNodes[1].value); return false;" value="Выбрать" />
</form>


Первый вариант предпочтительнее

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


Сообщение отредактировал GhostBear - 2.11.2009, 15:01
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Вёрстка HTML-писем
30 Vampler 28837 Вчера, 12:41
автор: Vampler
Открытая тема (нет новых ответов) Помогите вспомнить рекламного бота Телеграм для обмена рекламой
0 Mixatraider 692 21.2.2024, 23:42
автор: Mixatraider
Открытая тема (нет новых ответов) Разработка/доработка сайтов Wordpress, HTML/CSS/JS
Вёрстка, перенос на WP, правки
9 malamut 3328 25.1.2024, 14:36
автор: malamut
Открытая тема (нет новых ответов) СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое
5 CULA 3289 19.12.2023, 18:55
автор: CULA
Открытая тема (нет новых ответов) Залить html страницу на 20 доменов
6 TABAK 1681 22.5.2023, 16:24
автор: KORUP


 



RSS Текстовая версия Сейчас: 28.3.2024, 18:46
Дизайн